js propertychange和oninput事件
更新時(shí)間：2014年09月28日 17:20:50 投稿：mdxy-dxy
項(xiàng)目中常遇到輸入框檢查的需求，比如即時(shí)搜索，用change事件？change事件失去焦點(diǎn)才發(fā)生，無法做到即時(shí)。keypresss事件？能監(jiān)聽到鍵盤，但監(jiān)聽不到鼠標(biāo)復(fù)制粘貼，不完美
還好有propertychange（IE）和oninput事件。
oninput是標(biāo)準(zhǔn)瀏覽器的事件，一般應(yīng)用于input元素，當(dāng)input的value發(fā)生變化時(shí)就會(huì)發(fā)生，無論是鍵盤輸入還是鼠標(biāo)粘貼的改變都能即時(shí)監(jiān)聽到。
瀏覽器兼容
IE9以下是不支持的。這個(gè)時(shí)候就要用到IE專有的propertychange事件。顧名思義，翻譯過來叫屬性變更事件，這個(gè)事件就比較強(qiáng)大了，不僅僅會(huì)監(jiān)聽到input的value屬性，還包括其他標(biāo)簽的屬性各種屬性發(fā)生變化都會(huì)發(fā)生該事件，比如span元素的style屬性。在事件發(fā)生時(shí)還可以用event.propertyName訪問到改變的屬性名。
您可能感興趣的文章:
- js與jquery實(shí)時(shí)監(jiān)聽輸入框值的oninput與onpropertychange方法
- js監(jiān)聽輸入框值的即時(shí)變化onpropertychange、oninput
- js change,propertychange,input事件小議
- javascript開發(fā)中使用onpropertychange,oninput事件解決onchange事件的不足
- 解決angularJS中input標(biāo)簽的ng-change事件無效問題
- js之input[type=file]選擇重復(fù)的文件,無法觸發(fā)change事件問題
- JS中的oninput和onchange事件的區(qū)別及如何正確使用
- js實(shí)現(xiàn)使用輸入input和改變change事件模擬手動(dòng)輸入
相關(guān)文章
這篇文章主要介紹了淺談js 閉包引起的內(nèi)存泄露問題的相關(guān)資料,需要的朋友可以參考下2015-06-06
利用JavaScript實(shí)現(xiàn)檢測(cè)用戶是否在線功能
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)檢測(cè)用戶是否在線功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-12-12
這篇文章介紹了圖片上傳判斷及預(yù)覽腳本的效果實(shí)例，有需要的朋友可以參考一下2013-08-08
在頁(yè)面中我們最常見的頁(yè)面元素就是input了,但是我們?nèi)绾斡肑avaScript得到網(wǎng)頁(yè)input中輸入的value值呢,其實(shí)很簡(jiǎn)單,方法也不止一種,今天給大家分享兩種JavaScript獲得input元素value值的方法,感興趣的朋友跟隨小編一起看看吧2023-10-10
這篇文章主要介紹了JS簡(jiǎn)單判斷是否在微信瀏覽器打開的方法,結(jié)合實(shí)例形式分析了javascript針對(duì)瀏覽器相關(guān)信息的獲取與判定操作技巧,需要的朋友可以參考下2019-01-01
使用JavaScript實(shí)現(xiàn)輪播圖特效
這篇文章主要為大家詳細(xì)介紹了使用JavaScript實(shí)現(xiàn)輪播圖特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了JavaScript中的常見繼承總結(jié)，繼承其實(shí)就是構(gòu)造函數(shù)和構(gòu)造函數(shù)之間的一種關(guān)系，更多相關(guān)介紹，需要的小伙伴可以參考下面文章內(nèi)容2022-09-09
js showModalDialog 彈出對(duì)話框的簡(jiǎn)單實(shí)例(子窗體)
本篇文章主要是對(duì)js_showModalDialog彈出對(duì)話框的簡(jiǎn)單實(shí)例(子窗體) 進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01
JS循環(huán)遍歷JSON數(shù)據(jù)的方法
這篇文章主要介紹了JS 循環(huán)遍歷JSON數(shù)據(jù)的方法,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了javascript遞歸函數(shù)定義和用法示例分析，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07