javascript開發(fā)中使用onpropertychange,oninput事件解決onchange事件的不足
更新時(shí)間：2010年11月14日 19:32:17 作者：
用onpropertychange,oninput事件解決onchange事件的不足，需要的朋友可以參考下。
onchange在用于文本框輸入框時(shí),有一個(gè)明顯的不足. 事件不會(huì)隨著文字的輸入而觸發(fā),而是等到文本框失去焦點(diǎn)(onblur)時(shí)才會(huì)觸發(fā). 也就是沒有即時(shí)性!
在IE下,可以用onpropertychange來(lái)代替onchange事件,當(dāng)文本框有任何變化時(shí),能立即觸發(fā)此事件.
這樣一來(lái)問題就解決了.
那其他瀏覽器呢,onpropertychange可是IE的專利. 接下來(lái)就是oninput事件了.
但是oninput有個(gè)詭異,必須用addEventListener的方式來(lái)綁定事件.否則無(wú)效.
好了, 以下是演示例子, 主流瀏覽器都沒問題:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- js與jquery實(shí)時(shí)監(jiān)聽輸入框值的oninput與onpropertychange方法
- js監(jiān)聽輸入框值的即時(shí)變化onpropertychange、oninput
- js change,propertychange,input事件小議
- js propertychange和oninput事件
- 解決angularJS中input標(biāo)簽的ng-change事件無(wú)效問題
- js之input[type=file]選擇重復(fù)的文件,無(wú)法觸發(fā)change事件問題
- JS中的oninput和onchange事件的區(qū)別及如何正確使用
- js實(shí)現(xiàn)使用輸入input和改變change事件模擬手動(dòng)輸入
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jquery組件WebUploader文件上傳用法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
Jquery 獲取指定標(biāo)簽的對(duì)象及屬性的設(shè)置與移除
這篇文章主要介紹了Jquery如何獲取指定標(biāo)簽的對(duì)象及屬性的設(shè)置與移除,需要的朋友可以參考下2014-05-05
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)淘寶商品圖片局部放大，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
Jquery 復(fù)選框取值兼容FF和IE8(測(cè)試有效)
Jquery 復(fù)選框取值的文章網(wǎng)上有很多的，不過可以同時(shí)兼容FF和IE8的確實(shí)沒有幾個(gè)，下面有個(gè)不錯(cuò)的方法經(jīng)測(cè)試有效2013-10-10
常用的jquery模板插件——jQuery Boilerplate介紹
Query Boilerplate是一個(gè)不錯(cuò)的jQuery插件開發(fā)工具，使用這個(gè)工具可以幫助你快速的構(gòu)建一個(gè)jQuery框架。這個(gè)工具提供你很多評(píng)論用以幫助你使得開發(fā)變得簡(jiǎn)單和直接，它是個(gè)真正的面對(duì)對(duì)象的工具，你可以實(shí)現(xiàn)公開或者私有的方法或者公開或者私有的屬性。2014-09-09
jQuery實(shí)現(xiàn)帶有洗牌效果的動(dòng)畫分頁(yè)實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶有洗牌效果的動(dòng)畫分頁(yè),涉及jquery頁(yè)面元素樣式及animate方法的相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
原來(lái)ie對(duì)默認(rèn)對(duì)彈出窗口有會(huì)限制他的大小和位置 所以這就是為什么本地和博客園上看到會(huì)不一樣的原因了2010-09-09
JQuery 實(shí)現(xiàn)的頁(yè)面滾動(dòng)時(shí)浮動(dòng)窗口控件
JQuery 實(shí)現(xiàn)的頁(yè)面滾動(dòng)時(shí)浮動(dòng)窗口控件實(shí)現(xiàn)代碼，大家可以參考下。2009-07-07
使用JQuery自動(dòng)完成插件Auto Complete詳解
這篇文章主要介紹了使用JQuery自動(dòng)完成插件Auto Complete詳解,使用JQuery自動(dòng)完成插件，更新現(xiàn)有圖書列表頁(yè)面上的搜索，當(dāng)用戶鍵入的時(shí)候立即顯示結(jié)果。,需要的朋友可以參考下2019-06-06
進(jìn)度條和Loading加載動(dòng)畫在當(dāng)今的網(wǎng)頁(yè)功能中顯得越來(lái)越重要了，于是接下來(lái)為大家推薦幾款比較新穎進(jìn)度條插件,感興趣的你可以參考下希望可以幫助到你2013-03-03