當(dāng)前位置:
首頁(yè) >
onchange事件与onpropertychange事件的区别
發(fā)布時(shí)間:2023/12/31
72
豆豆
生活随笔
收集整理的這篇文章主要介紹了
onchange事件与onpropertychange事件的区别
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
onchange事件與onpropertychange事件的區(qū)別 1、onchange事件與onpropertychange事件的區(qū)別:
onchange事件在內(nèi)容改變(兩次內(nèi)容有可能還是相等的)且失去焦點(diǎn)時(shí)觸發(fā);onpropertychange事件卻是實(shí)時(shí)觸發(fā),即每增加或刪除一個(gè)字符就會(huì)觸發(fā),通過(guò)js改變也會(huì)觸發(fā)該事件,但是該事件IE專有。
2、oninput事件與onpropertychange事件的區(qū)別:
oninput事件是IE之外的大多數(shù)瀏覽器支持的事件,在value改變時(shí)觸發(fā),實(shí)時(shí)的,即每增加或刪除一個(gè)字符就會(huì)觸發(fā),然而通過(guò)js改變value時(shí),卻不會(huì)觸發(fā);onpropertychange事件是任何屬性改變都會(huì)觸發(fā)的,而oninput卻只在value改變時(shí)觸發(fā),oninput要通過(guò)addEventListener()來(lái)注冊(cè),onpropertychange注冊(cè)方式跟一般事件一樣。(此處都是指在js中動(dòng)態(tài)綁定事件,以實(shí)現(xiàn)內(nèi)容與行為分離)
3、oninput與onpropertychange失效的情況:
(1)oninput事件:a). 當(dāng)腳本中改變value時(shí),不會(huì)觸發(fā);b). 從瀏覽器的自動(dòng)下拉提示中選取時(shí),不會(huì)觸發(fā)。
(2)onpropertychange事件:當(dāng)input設(shè)置為disable=true后,onpropertychange不會(huì)觸發(fā)。 posted on 2015-05-29 18:05 資江河畔 閱讀(...) 評(píng)論(...) 編輯 收藏
onchange事件在內(nèi)容改變(兩次內(nèi)容有可能還是相等的)且失去焦點(diǎn)時(shí)觸發(fā);onpropertychange事件卻是實(shí)時(shí)觸發(fā),即每增加或刪除一個(gè)字符就會(huì)觸發(fā),通過(guò)js改變也會(huì)觸發(fā)該事件,但是該事件IE專有。
2、oninput事件與onpropertychange事件的區(qū)別:
oninput事件是IE之外的大多數(shù)瀏覽器支持的事件,在value改變時(shí)觸發(fā),實(shí)時(shí)的,即每增加或刪除一個(gè)字符就會(huì)觸發(fā),然而通過(guò)js改變value時(shí),卻不會(huì)觸發(fā);onpropertychange事件是任何屬性改變都會(huì)觸發(fā)的,而oninput卻只在value改變時(shí)觸發(fā),oninput要通過(guò)addEventListener()來(lái)注冊(cè),onpropertychange注冊(cè)方式跟一般事件一樣。(此處都是指在js中動(dòng)態(tài)綁定事件,以實(shí)現(xiàn)內(nèi)容與行為分離)
3、oninput與onpropertychange失效的情況:
(1)oninput事件:a). 當(dāng)腳本中改變value時(shí),不會(huì)觸發(fā);b). 從瀏覽器的自動(dòng)下拉提示中選取時(shí),不會(huì)觸發(fā)。
(2)onpropertychange事件:當(dāng)input設(shè)置為disable=true后,onpropertychange不會(huì)觸發(fā)。 posted on 2015-05-29 18:05 資江河畔 閱讀(...) 評(píng)論(...) 編輯 收藏
轉(zhuǎn)載于:https://www.cnblogs.com/yudishow/p/4539177.html
總結(jié)
以上是生活随笔為你收集整理的onchange事件与onpropertychange事件的区别的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 京东物流查询单号
- 下一篇: 2015年百度之星初赛(1) --- A