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

Posted ylqbl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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事件就会被触发,提示框将弹出。



以上是关于onchange监听input值变化及input隐藏后change事件不触发的原因与解决方法(设置readonly后onchange不起作用的解决方案)的主要内容,如果未能解决你的问题,请参考以下文章

input值变化监听事件

监听input变化的事件

jQuery/原生JS实时监听input输入框值变化

实时监控input输入值变化

实时监听input输入框value的变化:

js实时监听input中值的变化