input標(biāo)簽內(nèi)容改變的觸發(fā)事件介紹
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專(zhuān)有。
2. oninput事件與onpropertychange事件的區(qū)別:
oninput事件是IE之外的大多數(shù)瀏覽器支持的事件,在value改變時(shí)實(shí)時(shí)觸發(fā),但是通過(guò)js改變value時(shí)不會(huì)觸發(fā);onpropertychange事件是任何屬性改變都會(huì)觸發(fā),而oninput卻只在value改變時(shí)觸發(fā),oninput要通過(guò)addEventListener()來(lái)注冊(cè),onpropertychange注冊(cè)方法與一般事件相同。
3. oninput與onpropertychange失效的情況:
oninput事件:
(1)當(dāng)腳本中改變value時(shí),不會(huì)觸發(fā);
(2)從瀏覽器的自動(dòng)下拉提示中選取時(shí),不會(huì)觸發(fā);
onpropertychange事件:
當(dāng)input設(shè)置為disable=true后,不會(huì)觸發(fā)。
- 簡(jiǎn)單講解奇偶排序算法及在Java數(shù)組中的實(shí)現(xiàn)
- Java對(duì)數(shù)組實(shí)現(xiàn)選擇排序算法的實(shí)例詳解
- 圖文講解Java中實(shí)現(xiàn)quickSort快速排序算法的方法
- Java編程中快速排序算法的實(shí)現(xiàn)及相關(guān)算法優(yōu)化
- 詳解Java中使用泛型實(shí)現(xiàn)快速排序算法的方法
- Java實(shí)現(xiàn)冒泡排序算法及對(duì)其的簡(jiǎn)單優(yōu)化示例
- 圖解程序員必須掌握的Java常用8大排序算法
- Java排序算法總結(jié)之堆排序
- 常用Java排序算法詳解
相關(guān)文章
js實(shí)現(xiàn)json數(shù)據(jù)行到列的轉(zhuǎn)換的實(shí)例代碼
為了實(shí)現(xiàn)這樣的數(shù)據(jù)顯示出來(lái)三個(gè)序列,分別為鄭州、新鄉(xiāng)、安陽(yáng)的電量,就需要自己實(shí)現(xiàn)對(duì)這樣數(shù)據(jù)的轉(zhuǎn)換,轉(zhuǎn)換成如下的形式:2013-08-08
解讀input標(biāo)簽的value屬性及name屬性
這篇文章主要介紹了解讀input標(biāo)簽的value屬性,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-01-01
JavaScript實(shí)現(xiàn)隱藏省略文字效果的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)隱藏省略文字效果的方法,涉及javascript基于事件響應(yīng)實(shí)現(xiàn)頁(yè)面字符串元素的獲取、截取、設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
淺談JavaScript的自動(dòng)垃圾收集機(jī)制
本文主要對(duì)JavaScript的自動(dòng)垃圾收集機(jī)制進(jìn)行簡(jiǎn)要分析,并介紹了垃圾收集的方式:標(biāo)記清除(mark-and-sweep)和引用計(jì)數(shù)(reference counting),需要的朋友一起來(lái)看下吧2016-12-12
webpack與SPA實(shí)踐之管理CSS等資源的方法
本篇文章主要介紹了webpack與SPA實(shí)踐之管理CSS等資源的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
基于javascript的COOkie的操作實(shí)現(xiàn)只能點(diǎn)一次
這篇文章主要介紹了基于javascript的COOkie的操作實(shí)現(xiàn)只能點(diǎn)一次,需要的朋友可以參考下2014-12-12
uniapp中scroll-view基礎(chǔ)用法示例代碼
我們?cè)陧?xiàng)目中往往都能遇到實(shí)現(xiàn)左右滑動(dòng)跟上下滑動(dòng)的需求,下面這篇文章主要給大家介紹了關(guān)于uniapp中scroll-view基礎(chǔ)用法的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
解決layui使用layui-icon出現(xiàn)默認(rèn)圖標(biāo)的問(wèn)題
今天小編就為大家分享一篇解決layui使用layui-icon出現(xiàn)默認(rèn)圖標(biāo)的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
詳解用函數(shù)式編程對(duì)JavaScript進(jìn)行斷舍離
本篇文章主要介紹了用函數(shù)式編程對(duì)JavaScript進(jìn)行斷舍離,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
常用的js驗(yàn)證和數(shù)據(jù)處理總結(jié)
遇到需要對(duì)數(shù)據(jù)及表單驗(yàn)證的,我相信大家都像我一樣,喜歡在網(wǎng)上找相關(guān)的方法,因?yàn)樽约簩?xiě)的話,是比較耗時(shí)的。今天就給大家分享一下,自己在工作中總結(jié)的一些常用的js。2016-08-08

