Compatible with Firefox and IE's onpropertychange event oninput

When entering data in the text box, you can use onkeyup to detect events when the keyboard is pressed and released. onpropertychange can capture every change, and onchange needs to execute an event before it can be captured. But sometimes we input data by pasting instead of keyboard input, which requires real-time detection of changes in the text box state. onpropertychange is not supported by firefox. If you want to use it normally under firefox, you need to use the oninput attribute and addEventListener to register the event.

[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute ]

Example: Copy code The code is as follows:

oninput test function getOs(){//Determine browser type var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator.userAgent. indexOf("Firefox")>0){ return "Firefox"; } if(isSafari=navigator.userAgent.indexOf("Safari")>0) { return " Safari"; } if(isCamino=navigator.userAgent.indexOf("Camino")>0){ return "Camino"; } if(isMozilla=navigator. userAgent.indexOf("Gecko/")>0){ return "Gecko"; }

}

if(navigator.userAgent.indexOf("MSIE" )>0){ document.getElementById('tx1').attachEvent("onpropertychange",txChange); }else if(navigator.userAgent.indexOf("Firefox")>0){ document.getElementById('tx1').addEventListener("input",txChange2,false); } function txChange(){ alert("testie"); } function txChange2(){ alert("testfirefox"); } //当状态改变的时候执行的函数 function handle() {document.getElementById('msg').innerHTML='输入的文字长度为：'+document.getElementById('txt').value.length; } //firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。 if(/msie/i.test(navigator.userAgent)) //ie浏览器 {document.getElementById('txt').onpropertychange=handle } else {//非ie浏览器，比如Firefox document.getElementById('txt').addEventListener("input",handle,false); } The above is the onpropertychange event method that is compatible with Firefox.