Fatal编程技术网
  • javascript/
  • Javascript 如何通过JQuery触发JS native甚至addEventListener（“更改”，函数）

Javascript 如何通过JQuery触发JS native甚至addEventListener（“更改”，函数）

javascript jquery html

Javascript 如何通过JQuery触发JS native甚至addEventListener（“更改”，函数）,javascript,jquery,html,addeventlistener,Javascript,Jquery,Html,Addeventlistener,这不是的重复，因为它涉及jQuery与jQuery事件侦听器的交互，而这个问题讨论jQuery与本机事件侦听器的交互 我使用addEventListener为输入绑定更改事件，但是$（'#input'）.val（'bbbb'）.change（）无法触发警报，如何通过JQuery触发addEventListener（“更改”，函数）函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

这不是的重复，因为它涉及jQuery与jQuery事件侦听器的交互，而这个问题讨论jQuery与本机事件侦听器的交互

我使用addEventListener为输入绑定更改事件，但是$（'#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>


代码
document.getElementById（“输入”）.addEventListener（“更改”，函数（）{
警报（该值）；
});
使用jquery绑定更改事件

$("#input").change(function() {
  alert(this.value);
});
工作代码段： 

代码
$（“#输入”）.change（函数（）{
警报（该值）；
});
不能使用jQuery的
.trigger（'change'）
触发本机事件。您将需要：

然后发射它：

var el = document.getElementById("input");
el.dispatchEvent(evt);
这不是复制品 
var el = document.getElementById("input");
el.dispatchEvent(evt);