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