javascript-如何仅在IE中使用HTML DOM方法触发jQuery更改事件？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何仅在IE中使用HTML DOM方法触发jQuery更改事件？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1218字，纯文字阅读大概需要2分钟。

内容图文

我在几个地方都问过这个问题,现在我正在尽可能广泛地投放网络,看看是否有可以使用的分辨率.鉴于以下HTML：

<select id="test">
  <option value="">Select One...</option>
  <option value="1">One</option>
  <option value="2">Two</option>
</select>

以及以下jQuery事件绑定：

$("#test").change(function( event ) {
  console.log("Changed");
});

我希望能够仅使用DOM方法来触发change事件.也就是说,我不想调用jQuery .change()或.trigger()方法来引发jQuery change事件.这是在browser automation framework的上下文中,它需要自动从< select>中选择选项.元素在任何页面上,因此不能依赖jQuery在任何特定页面上加载.此外,我们只对解决IE的此问题感兴趣,因为我们在使用该浏览器时仅遇到困难.另请注意,我们需要一种适用于6-9版所有IE版本的解决方案.我想做类似以下的事情(特意遵循IE特定代码)：

var e = document.getElementById('test');
e.item(1).selected = true;
e.fireEvent("onchange"); // What needs to happen here to get the jQuery event to fire?

但是,这不会导致触发jQuery事件.您可以在this link上找到此特定问题的完整工作示例.为了使它起作用,我必须调用什么特定代码？

解决方法:

您可以这样做：

var e = document.getElementById('test');
var evt = document.createEvent("HTMLEvents");
    evt.initEvent("change", true, true);
    e.dispatchEvent(evt);

在这里摆弄http://jsfiddle.net/a5DUE/7/(在IE9中为我工作)

内容总结

以上是互联网集市为您收集整理的javascript-如何仅在IE中使用HTML DOM方法触发jQuery更改事件？全部内容，希望文章能够帮你解决javascript-如何仅在IE中使用HTML DOM方法触发jQuery更改事件？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端