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