有時候我們需要實時監聽輸入框中值得變化，這裡得實時監聽是指當我們獲取到輸入框焦點，並在其中鍵入字元的時候，我們可以監聽到當每次鍵入字元後，獲取輸入框中的內容。如下圖

當在上邊的輸入框中每次輸入一個字元，箭頭指向的內容顯示區域都會實時顯示鍵入字元後輸入框中的內容。

具體實現方式是：給輸入框input繫結onpropertychange和oninput 事件。

       1.onpropertychange，只要當前物件屬性發生改變，都會觸發事件，但是它是IE專屬的；

       2.oninput是onpropertychange的非IE瀏覽器版本，支援firefox和opera等瀏覽器，但有一點不同，它綁定於物件時，並非該物件所有屬性改變都能觸發事件，它只在物件value值發生改變時奏效。

具體程式碼如下：

<input id="viewName" type="text" name="viewName" >
<div id="showInputValue" style="padding: 10px;overflow:auto;line-height: 30px;font-size: 18px;">
	<span id="test"></span>
</div>

$("#viewName").bind("input propertychang",function(event){
	var viewName = this.value;
	viewName = $.trim(viewName);
	this.value = viewName;
	
	if(viewName.length == 0){
		layer.tips("名稱不能為空！",this,{tips:[1,"#FF5722"]});
		return ;
	}
	
	$("#test").html(viewName.toUpperCase());
});