JS中onpropertychange和onchange事件區(qū)別小結(jié)
更新時(shí)間：2010年07月11日 22:16:23 作者：
當(dāng)一個(gè)HTML元素的屬性用js改變的時(shí)候，都能通過onpropertychange來捕獲。例如一個(gè)文本text對(duì)象的value屬性被頁面的腳本修改的時(shí)候，onchange無法捕獲到，而onpropertychange卻能夠捕獲。
也就是說：onpropertychange事件在用鍵盤每改變一下文本框的值或用js改變其值便會(huì)觸發(fā)一下，而onchange只有在用鍵盤改變其值，然后在失去焦點(diǎn)(onblur)后才觸發(fā)，用js改變其值不能觸發(fā)!onpropertychange和onchange都不管文本框中的實(shí)際值有沒有變，只要有改的相應(yīng)操作就可能觸發(fā)。有時(shí)當(dāng)上面兩時(shí)間都不能滿足需求時(shí)，可以考慮只用onblur。
還有一點(diǎn)要注意到，當(dāng)onblur和onchange事件一起用時(shí)，onblur會(huì)出問題。。。。詳見如下
測試頁面：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
還有一點(diǎn)要注意到，當(dāng)onblur和onchange事件一起用時(shí)，onblur會(huì)出問題。。。。詳見如下
測試頁面：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
js學(xué)習(xí)總結(jié)之dom2級(jí)事件基礎(chǔ)知識(shí)詳解
這篇文章主要為大家詳細(xì)介紹了js學(xué)習(xí)總結(jié)之dom2級(jí)事件基礎(chǔ)知識(shí)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
生命周期是指一個(gè)對(duì)象從創(chuàng)建→>運(yùn)行>銷毀的整個(gè)階段，強(qiáng)調(diào)的是一個(gè)時(shí)間段，文中介紹了生命周期的分類和微信小程序應(yīng)用，需要的朋友可以參考下2022-08-08
這篇文章詳細(xì)介紹了js兼容的placeholder屬性，有需要的朋友可以參考一下2013-08-08
JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名效果,文中的示例代碼簡潔易懂,具有一定的借鑒價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-11-11
js實(shí)現(xiàn)倒計(jì)時(shí)秒殺效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)倒計(jì)時(shí)秒殺效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
location是javascript里面管理地址欄的內(nèi)置對(duì)象.2010-11-11
這篇文章主要介紹了js完全解析url和拼接,需要的朋友可以參考下2022-05-05
控制臺(tái)報(bào)錯(cuò):Cannot?access?'xxx'?before?initializatio
這篇文章主要給大家介紹了關(guān)于控制臺(tái)報(bào)錯(cuò):Cannot?access?'xxx'?before?initialization的解決方法,文中通過代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-11-11
DeviceOne 讓你一見鐘情的App快速開發(fā)平臺(tái)
DeviceOne是一個(gè)非常先進(jìn)的App開發(fā)平臺(tái)，使用Javascript 構(gòu)建原生體驗(yàn)的移動(dòng)應(yīng)用程序，DeviceOne主要關(guān)注外觀和體驗(yàn)，以及和你的應(yīng)用程序的 UI 交互2016-02-02
事件對(duì)于控件來說至關(guān)重要，控件的消息通信機(jī)制使用事件的成本最低，但是對(duì)于JS控件來說有一些麻煩需要解決，JS類本身不支持事件，DOM模型支持的事件僅適應(yīng)于瀏覽器的DOM節(jié)點(diǎn)。所以創(chuàng)建一套事件是我們寫控件之前要做的2012-10-10