jquery使用on绑定change事件,获取input实时输入值


1.首先我们会想到change事件

    此方法有缺陷,需要失去焦点才会触发,有输入即触发的需求时,不适用

$("#id").on('change',function(e)
{
      console.log(e.delegateTarget.value);
      //其他执行代码
});

2.其次,keyup,也可以触发

     此方法有兼容性问题,Chrome和IE,遇到中文输入时,打入拼音后,必须空格选择中文,如果使用数字选择键,事件将不会触发.

     但360极速模式,可以正常使用,费解!

$("#id").on('keyup',function(e)
{
      console.log(e.delegateTarget.value);
      //其他执行代码
});

3.推荐使用,input

     目前所有浏览器都适用

$("#id").on('input',function(e)
{
      console.log(e.delegateTarget.value);
      //其他执行代码
});

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM