監聽文本框輸入


Firefox、Chrome、IE9,IE10 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件。

oninput 事件在用戶輸入、退格(backspace)、刪除(delete)、剪切(ctrl + x)、粘貼(ctrl + v)及鼠標剪切與粘貼時觸發(在 IE9 中只在輸入、粘貼、鼠標粘貼時觸發)。

onpropertychange 事件在用戶輸入、退格(backspace)、刪除(delete)、剪切(ctrl + x)、粘貼(ctrl + v)及鼠標剪切與粘貼時觸發(在 IE9 中只在輸入、粘貼、鼠標粘貼時觸發)(僅 IE 支持)。

backspace、delete 兩個按鍵的 keyCode 分別為 8、46。

oncut 事件在粘貼(ctrl + v)、鼠標粘貼時觸發。


var input = document.getElementById("test");
function fn() {
  // 你要執行的代碼
}

if(window.addEventListener) { //先執行W3C
  input.addEventListener("input", fn, false);
} else {
  input.attachEvent("onpropertychange", fn);

}

if(window.VBArray && window.addEventListener) { //IE9
  input.attachEvent("onkeydown", function() {
    var key = window.event.keyCode;
    (key == 8 || key == 46) && fn();//處理回退與刪除

  });
  input.attachEvent("oncut", fn);//處理粘貼
}


免責聲明!

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



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