首页 / JQUERY / javascript – 如何通过JQuery触发JS native,甚至addEventListener(“change”,function)

javascript – 如何通过JQuery触发JS native,甚至addEventListener(“change”,function)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何通过JQuery触发JS native,甚至addEventListener(“change”,function)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1134字，纯文字阅读大概需要2分钟。

内容图文

这不是How to trigger jQuery change event in code的重复,因为它处理jQuery与jQuery事件监听器的交互,而这个问题讨论了jQuery与本机事件监听器的交互.

我使用addEventListener绑定输入的change事件,但是$(‘#input’).val(‘bbbb’).change();无法触发警报,如何通过JQuery触发addEventListener(“更改”,函数)函数

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>code</title>
</head>

<body>
    <script src="http://o6flfbzth.bkt.clouddn.com/jquery-1.12.0.min.js"></script>

    <input id="input" type="text" value="input" />
    <script type="text/javascript">
        document.getElementById("input").addEventListener("change", function() {
        alert(this.value);
    });
    </script>

    <input type="button" value="change input" onclick="  $('#input').val('bbbb').change();" />
</body>

</html>

解决方法:

您不能使用jQuery的.trigger(‘change’)触发本机事件.您将需要create a native event和dispatch it：

var evt = document.createEvent('HTMLEvents');
evt.initEvent('change', true, true);
//            ^         ^     ^
//            |         |     cancelable
//            |         bubbles
//            type

然后解雇它：

var el = document.getElementById("input");
el.dispatchEvent(evt);

内容总结

以上是互联网集市为您收集整理的javascript – 如何通过JQuery触发JS native,甚至addEventListener(“change”,function)全部内容，希望文章能够帮你解决javascript – 如何通过JQuery触发JS native,甚至addEventListener(“change”,function)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/745291.html

来源：【匿名】