您的位置:首页 > 产品设计 > UI/UE

JS改变input的value值不触发onchange事件解决方案(超简版)

2017-04-24 20:14 477 查看
监听js改变input的值触发的onchange事件

 $("#inpstart").attr("value",$("#inpend")[0].value);

当 我们像上面这样给一个input赋值时,由于onchange时间对input框不起作用,大家首先会想到使用  oninput事件,

然而oninput是需要用户手动输入,先获取焦点改变了值后失去焦点才触发,所以没卵用,

大多数论坛上多是说 onpropertychange 替代 change可以解决,然而兼容性不怎么样,之后就是自己做一个change什么的,感觉一个简单的事情这么难做

最后吧,咱换个思路,在js给input赋值的时候就给  一个  $("#inpstart").trigger("input"); 

然后再监听它的input事件 

$("#inpstart").bind("input propertychange",function () {

                    console.log("已经输入了"+$("#inpstart").val().length+"个字。。。");

                });

当然,我们可以在赋值的时候做判断,前后值不一样才trigger。

就先分享这么多了,谢谢大家的阅读

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: