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

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事件就会被触发,提示框将弹出。

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