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

前端技术 专栏收录该内容
47 篇文章 1 订阅

监听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。


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

 

评论 12 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页

打赏作者

则丸

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值