js改变表单元素的值,不会触发监听事件

最近工作中遇到一个问题:监听input框的值的变化,当js改变input框的值时无法触发其监听事件。

查阅资料后得知,监听事件都是监听某种操作的,如果没有发生这种操作,这个事件肯定不能被触发。
比如下面的代码:




    
    
    
    


    
    
    

 

我们用change来监听input的value值变化。

当点击button的时候,控制台并没有打印任何信息,说明change监听事件并未被触发。当我们手动再input框中改变值的时候,事件就被触发了。

如何使js改变其值的时候,监听事件也能被触发呢?

  1. 若是jQuery,有trigger方法,请自行百度之
  2. 原生JavaScript 指路大神 https://segmentfault.com/a/1190000019253353

你可能感兴趣的:(js改变表单元素的值,不会触发监听事件)