實時監聽input輸入框value值的變化


1、js 的 oninput & onpropertychange

JS中的 oninput 事件在 IE9 以下版本不支持,需要使用 IE 特有的 onpropertychange 事件替代,這個事件在用戶界面改變或者使用腳本直接修改內容兩種情況下都會觸發,有以下幾種情況:

修改了 input:checkbox 或者 input:radio 元素的選擇中狀態, checked 屬性發生變化。

修改了 input:text 或者 textarea 元素的值,value 屬性發生變化。

修改了 select 元素的選中項,selectedIndex 屬性發生變化。

if (isIE)
{
  document.getElementById( "input" ).onpropertychange = keys();
}
else //需要用addEventListener來注冊事件
{
  document.getElementById( "input" ).addEventListener( "input" , keys, false );
}

-----------------------------------------------------------------------------------------------------------------------------------------------

2、jquery的bind ()綁定類似事件 input & propertychange

$( 'input' ).bind( 'input propertychange' , function () {
  //進行相關操作
});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM