我已经使用addEventListener将事件附加到文本框。它工作得很好。当我想从另一个函数以编程方式触发事件时，问题就出现了。
我该怎么做呢?
当前回答
我只是使用了以下方法(似乎更简单):
element.blur();
element.focus();
在这种情况下，只有当值真的发生改变时才会触发事件，就像由用户执行的正常焦点轨迹丢失会触发它一样。
其他回答
如果你使用jQuery，你可以简单做到
$('#yourElement').trigger('customEventName', [arg0, arg1, ..., argN]);
然后用
$('#yourElement').on('customEventName',
function (objectEvent, [arg0, arg1, ..., argN]){
alert ("customEventName");
});
[arg0, arg1，…]， argN]表示这些参数是可选的。
你想要的是这样的:
document.getElementByClassName("example").click();
使用jQuery，它是这样的:
$(".example").trigger("click");
HTML
<a href="demoLink" id="myLink"> myLink </a>
<button onclick="fireLink(event)"> Call My Link </button>
JS
// click event listener of the link element --------------
document.getElementById('myLink').addEventListener("click", callLink);
function callLink(e) {
// code to fire
}
// function invoked by the button element ----------------
function fireLink(event) {
document.getElementById('myLink').click(); // script calls the "click" event of the link element
}
var btn = document.getElementById('btn-test');
var event = new Event(null);
event.initEvent('beforeinstallprompt', true, true);
btn.addEventListener('beforeinstallprompt', null, false);
btn.dispatchEvent(event);
这将立即触发一个事件'beforeinstallprompt'
只是建议一个不需要手动调用监听器事件的替代方案:
无论您的事件侦听器做什么，都要将其移动到一个函数中，并从事件侦听器调用该函数。
然后，您还可以在需要完成与事件触发时相同的事情的其他任何地方调用该函数。
我发现这种方法不那么“代码密集”，也更容易阅读。
