Onelong

分享知识,与你一起进步......
RSS icon Home icon
  • IE下onpropertychange与firefox下oninput

    post by onelong / 2009-10-6 23:25 Tuesday [javascript]

    onpropertychange能够捕获每次输入值的变化。例如:<INPUT id="test" name="test" />对象的value值被改变时,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕获。
    onpropertychange 不被firefox所支持,如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。

    这是个小例子:
    <html>
    <head>
    </head>
    <body>
    <input id='txt' value="" />
     <script language="javascript">
    if(navigator.userAgent.indexOf("MSIE")>0){
    document.getElementById('txt').attachEvent("onpropertychange",txChange);
    }else if(navigator.userAgent.indexOf("Firefox")>0){
    document.getElementById('txt').addEventListener("input",txChange2,false);
    }
    function txChange(){
    alert("testie");
    }
    function txChange2(){
    alert("testfirefox");
    }
    </script>
    </body>
    </html>
         通过这种方法就可以实时监测文本框的输入啦!

    引用地址:
     

    我要评论