现在的位置: 首页 > 综合 > 正文

Input的特殊事件onpopertychange和oninput

2013年08月09日 ⁄ 综合 ⁄ 共 768字 ⁄ 字号 评论关闭

在很多情况下,我们需要监测输入框,比如自动提示等。我们熟知的一些input的按键事件并不能满足我们的需求,特别是在输入法开启的状态下,三个浏览器的具体问题如下: 

IE:触发keydownkeyup,不触发keypress。能够获得输入值。 

Firefox:触发keydownkeypress,不触发keyup。输入值未能获得。在回车后会触发keyup,可获得输入值。 

Operakeydownkeypresskeyup都不触发,输入值也未能获。 

幸好我们还有一些秘密武器onpopertychangeoninputonpopertychange事件只在IE下才有效,oninput事件则支持FF/Opera/Safari/NetScape。这2个事件在输入开启状态下仍然可以捕获输入框的输入动作及其值。

代码演示:

 <input type="text" id="inpA" />

 <input type="text" id="inpB" />

 <script language="javascript" type="text/javascript">

 //onpopertychange IE only;

 $("inpA").onpropertychange=function(){

     change();

 }

 //oninput for FF/Opera/Safari/NetScape

 $("inpA").oninput=function(){

    change();

}

function change(){

    $("inpB").value = $("inpA").value;

}

function $(id){

    return document.getElementById(id);

}

</script>

抱歉!评论已关闭.