onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案)

转自：https://www.cnblogs.com/white0710/p/7338456.html

1. onchange事件监听input值变化的使用方法:

<input id="test"></input>  
  
$("input").change(function(){  
    alert("aaa");  
}  

2. 网页开发时，如果有input隐藏域，通过js改变隐藏域的值，无法触发change事件。

原因：
onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发。

解决方法：
在这种情况下，可以在改变隐藏域的值的同时，手动触发onchange事件。

代码示例：

$('#test').val('test').change();   

在改边隐藏域的方法内添加即可！！！

然后，onchange事件就会被触发，提示框将弹出。

1. onchange事件监听input值变化的使用方法:

<input id="test"></input>  
  
$("input").change(function(){  
    alert("aaa");  
}  

2. 网页开发时，如果有input隐藏域，通过js改变隐藏域的值，无法触发change事件。

原因：
onchange事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发。

扫描二维码关注公众号，回复： 4199993 查看本文章

解决方法：
在这种情况下，可以在改变隐藏域的值的同时，手动触发onchange事件。

代码示例：

$('#test').val('test').change();   

在改边隐藏域的方法内添加即可！！！

然后，onchange事件就会被触发，提示框将弹出。