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。
就先分享这么多了,谢谢大家的阅读
$("#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。
就先分享这么多了,谢谢大家的阅读
相关文章推荐
- JS改变input的value值不触发onchange事件解决方案
- JS改变input的value值不触发onchange事件解决方案 (转)
- JS改变input的value值不触发onchange事件解决方案
- JS改变input的value值不触发onchange事件解决方案
- JS改变input的value值不触发onchange事件解决方案 (转)
- JS改变input的value值不触发onchange事件解决方案
- JS改变input的value值不触发onchange事件解决方案
- JS改变input的value值不触发onchange事件解决方案
- js动态改变value 不触发onchange事件解决办法
- JS 实时监听input的value值改变 解决方案
- input propertychange事件,当input的value值发生改变时触发(文本框的值即时搜索)
- 回车键触发事件的js代码、input输入框值改变事件、js数组
- js中input标签内容改变的触发事件
- JSP中input内容改变触发onchange事件使用
- 当用js动态的改变一个输入框中的值后,并不能触发它的onchange事件why?
- 当用js动态的改变一个输入框中的值后,并不能触发它的onchange事件
- 实时监听js改变value,触发事件,跨浏览器支持
- js动态改变input的值不触发input的change事件的解决办法
- Js 事件多次被触发的解决方案.
- JS窗口改变触发事件