checkbox無法立即實現onchange的兩種替代方法(onchange和onpropertyc

轉載自：http://www.cnblogs.com/blueyund/articles/1250986.html



例如<input type="checkbox" onchange="alert(this.value)" value="haha">,在IE下必須點擊一下頁面空白的地方纔可以激活onchange事件，替換的兩種方法
1、<input type=checkbox onclick="alert(this.value)" value=huerreson>
2、<input type=checkbox onpropertychange="alert(this.value)" value=huerreson>





IE下，當一個HTML元素的屬性改變的時候，都能通過 onpropertychange來捕獲。例如一個

<input name="text1" id="text1" />

對象的value屬性被頁面的腳本修改的時候，onchange無法捕獲到，而onpropertychange卻能夠捕獲。
也就是說：onpropertychange能及時捕獲屬性值的變化，而onchange在屬性值改變時還必須使得當前元素失去焦點(onblur)纔可以激活該事件！
如：



例1：
請輸入圖片地址： <input type="text" name="mytext" size="10" value="" onpropertychange="document.images['myimg'].src=this.value;" /> <img id="myimg" src="/img/common/logo.gif" alt="" />
當text框中的內容被改變時，圖片就會立刻被顯示出來。而如果用onchange時，改變其值時還需用鼠標單擊空白或其他地方使input元素失去焦點(onblur)才能激活該事件，圖片顯示纔會被改變！






例2：
<INPUT id="image" style="WIDTH: 448px; HEIGHT: 22px"     onpropertychange="preview.src=image.value" type="file" size="55" name="File1" runat="server">

<IMG id="preview" height="170" alt="" src="" width="256">