js 触发 change 事件

首先，请各位包涵，我本人对 JS 不是很熟，不知道“触发change事件”和“触发onchange事件”哪个更加合适。有园友知道的麻烦指出，先行谢过。

起因是这样的，工作上需要在浏览器页面上配置一些信息，同时需要配置的有好几百个。具体是需要在一个 HTML 的input输入框里面输入自己需要的文本，然后保存。而这个input框（猜测，因为页面不是我写的）是绑定了一个onchange事件的，当其中的内容修改后，这个事件会触发，然后保存才会生效。而如果直接用 JS 来给这个input框赋值的话，这个onchange事件是不会触发的。

于是我上网找了好久，有说用trigger("change")来触发的，但我试了并不行。更无奈的是，网上绝大部分文章都是在说，如果去绑定这个onchange事件，而我要的是触发，而且问了好几个技术群里的朋友，几乎所有人都觉得我是在问如何绑定这个事件，最终写了个示例演示出来才能给他们说清楚。

今天不得已之下，到 Google 搜索了一下，在 StackOverflow 上找到了方法。原理是要先创建并初始化一个 change 事件，然后再用 dispatchEvent 去触发。代码如下：

var event = document.createEvent("HTMLEvents");
event.initEvent("change", true, true);
document.querySelector("#id").dispatchEvent(event);

参考：
https://stackoverflow.com/questions/2490825/how-to-trigger-event-in-javascript
http://www.w3school.com.cn/jsref/event_initevent.asp

转载于:https://www.cnblogs.com/wuzhiblog/p/js_dispatchEvent_change.html

js 触发 change 事件相关推荐

js my97 WdatePicker 联动触发change事件
1,效果图 2,功能说明当我选择了药物起始时间和停止使用时间之后,时间分层会自动计算两个字段的时间差并填入数值,即选即算功能基本实现,就是无法做到即选即算,当我选择了两个字段的时间之后, ...
JQ JS 改变value值不触发change事件
JQ改变value值不触发change事件 Change事件触发有两个必要条件:值改变.失去焦点.所以当使用JQ改变值时,控件没有失去焦点,所以不会触发. 目前验证有效的解决办法,只能是手动触发cha ...
解决上传文件或图片时选择相同文件无法触发change事件的问题
昨天在做一个上传文件的模块时遇到了这样的问题:打开文件一上传,上传成功后再次点击文件一,change事件无反应 <input type="file" name="f ...
jquery 赋值时不触发change事件解决
$("#optionsId").change(function(){$("#selectOptionsText").val('测试'); }); $(" ...
input 中文输入法额外触发change事件问题
用ant mobile input 组件实现下面输入提示,提示添加click事件,input 添加change事件. 预期:点击提示项的时候,预期是只触发click事件. 实际:英文输入法正常,只触发 ...
change()事件及val()/html()方法不会触发change事件
change()事件及val()/html()方法不会触发change事件一.定义 change()函数用于为每个匹配元素的change事件绑定处理函数当元素的值发生改变时,会发生 change ...
js触发php事件,JavaScript_代码触发js事件(click、change)示例应用，Chrome , Firfox 不支持fireEvent的方 - phpStudy...
代码触发js事件(click.change)示例应用 Chrome , Firfox 不支持fireEvent的方法可以使用dispatchEvent的方法替代, 直接给一个兼容的Code. 触发c ...
iframe页面改动parent页面的隐藏input部件value值，不能触发change事件。
实现一个依据iframe页面返回充值卡类型不同,安排不同的input部件. 点击选择弹出一个iframe.点击充值卡数据行.返回1.充值卡类型.2.充值卡id(用的UUID).3.充值卡号(字符串). ...
elementui级联选择器Cascader不触发change事件
使用级联选择器时,需求是选择最后一级,同时选择之前的父级标签,看这个需求明明很简单,人家自带的组件就是这样,但是却一直无法触发绑定的change事件,只有添加props.checkStrictly = ...

js 触发 change 事件

js 触发 change 事件相关推荐

最新文章

热门文章