onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法

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

 

<input id="test"></input>

$("input").change(function(){
    alert("aaa");
}

 

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

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

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

代码示例：

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

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