我已经使用addEventListener将事件附加到文本框。它工作得很好。当我想从另一个函数以编程方式触发事件时，问题就出现了。
我该怎么做呢?
当前回答
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
}
其他回答
我只是使用了以下方法(似乎更简单):
element.blur();
element.focus();
在这种情况下，只有当值真的发生改变时才会触发事件，就像由用户执行的正常焦点轨迹丢失会触发它一样。
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
}
如果你不想使用jQuery，也不特别关心向后兼容性，可以使用:
let element = document.getElementById(id);
element.dispatchEvent(new Event("change")); // or whatever the event type might be
请在这里和这里查看文档。
编辑:根据你的设置，你可能想要添加气泡:true:
let element = document.getElementById(id);
element.dispatchEvent(new Event('change', { 'bubbles': true }));
最有效的方法是直接调用已经注册到addEventListener的相同函数。
您还可以使用CustomEvent和co触发一个假事件。
最后，一些元素如<input type="file">支持.click()方法。
使用jquery事件调用。 写下面的行，你想触发任何元素的onChange。
$("#element_id").change();
element_id是要触发其onChange的元素的ID。
避免使用
element.fireEvent("onchange");
因为它的支撑力非常小。请参阅本文档以获得其支持。
