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);
      //其他执行代码
});

 

posted on 2020-09-16 14:40  sddhome  阅读(10135)  评论(0编辑  收藏  举报

导航