onchange與onpropertychange的聯絡與區別！

derekzhan發表於2010-07-27

先看這麼一段解釋：
當一個HTML元素的屬性改變的時候，都能通過onpropertychange來捕獲。例如一個<input name="text1" id="text1" />物件的value屬性被頁面的指令碼修改的時候，onchange無法捕獲到，而onpropertychange卻能夠捕獲。

具體理解為：onpropertychange能及時捕獲屬性值的變化，而onchange在屬性值改變時只有通過滑鼠執行某些操作才能啟用該事件！
如：

請輸入圖片地址：<input type="text" name="myface" size="30" value="" onpropertychange="document.images['face'].src=this.value;"><br><br>
<img id="face" src="/img/common/logo.gif" border="" alt="">

當text框中的內容被改變時，圖片就會立刻被顯示出來。而如果用onchange時，改變其值時還需用滑鼠單擊空白或其他地方才能啟用該事件，圖片顯示才會被改變！

相關文章