首页 > 其他 > 详细

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

时间:2018-11-23 19:43:26      阅读:435      评论:0      收藏:0      [点我收藏+]

转自: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不起作用的解决方案)

原文:https://www.cnblogs.com/YLQBL/p/10008947.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!