欧美日韩高清一本大道免费,亚洲国产片,国产日本久久久久久久久婷婷

也就是說：onpropertychange事件在用鍵盤每改變一下文本框的值或用js改變其值便會觸發(fā)一下，而onchange只有在用鍵盤改變其值，然后在失去焦點(onblur)后才觸發(fā)，用js改變其值不能觸發(fā)!onpropertychange和onchange都不管文本框中的實際值有沒有變，只要有改的相應(yīng)操作就可能觸發(fā)。有時當(dāng)上面兩時間都不能滿足需求時，可以考慮只用onblur。
還有一點要注意到，當(dāng)onblur和onchange事件一起用時，onblur會出問題。。。。詳見如下
測試頁面：

<html> <head> <title>通過js改變文本框中的值后觸發(fā)的事件：onpropertychange事件 </title> </head> <body>  <b>測試onpropertychange事件和onchange事件一起用時： </b> <br> 測試結(jié)果：onpropertychange事件在用鍵盤每改變一下文本框的值或用js改變其值便會觸發(fā)一下，而onchange只有在用鍵盤改變其值，然后在失去焦點后才觸 發(fā)，用js改變其值不觸發(fā)  <br> <input name="haha1" type="text" onpropertychange="alert('觸發(fā)了onpropertychange事件！')" onchange="alert('觸發(fā)了onchange事件！')" size="30" > <input name="testbutton1" value="通過js改變文本框中的值" type="button" onclick="document.getElementById('haha1').value='js改變文本框后的值'"> <br><br> <br>  <b>測試只有onblur和onchange事件時： </b> <br> 測試結(jié)果：onchange先觸發(fā)，onblur后觸發(fā)  <br> <input name="haha2" type="text" onblur="alert('觸發(fā)了onblur事件！')" onchange="alert('觸發(fā)了onchange事件！')" size="30" > <input name="testbutton2" value="通過js改變文本框中的值" type="button" onclick="document.getElementById('haha2').value='js改變文本框后的值'"> <br>  <br><br> <br>  <b>測試當(dāng)onblur和onpropertychange事件一起用時： </b> <br> 測試結(jié)果：onblur好象出了問題，只要用鍵盤在文本框中隨便輸入一個值，便會觸發(fā)它。可能是onpropertychange把它惹毛了。。。^-^  <br> <input name="haha3" type="text" onblur="alert('觸發(fā)了onblur事件！')" onpropertychange="alert('觸發(fā)了onpropertychange事件！')" size="30" > <input name="testbutton3" value="通過js改變文本框中的值" type="button" onclick="document.getElementById('haha3').value='js改變文本框后的值'"> <br>  <br><br> <br>  <b>測試有onblur、onpropertychange事件和onchange事件一起用時： </b> <br> 測試結(jié)果：onblur在和onpropertychange一起用時的問題仍然存在  <br> <input name="haha4" type="text" onblur="alert('觸發(fā)了onblur事件！')" onpropertychange="alert('觸發(fā)了onpropertychange事件！')" onchange="alert('觸發(fā)了 onchange事件！')" size="30" > <input name="testbutton4" value="通過js改變文本框中的值" type="button" onclick="document.getElementById('haha4').value='js改變文本框后的值'"> <br>  </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

JavaScript技術(shù)：JS中onpropertychange和onchange事件區(qū)別小結(jié)，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

JS中onpropertychange和onchange事件區(qū)別小結(jié)

相關(guān)文章閱讀