如何使用 JavaScript 模拟 click 事件 - querySelector 技巧
querySelector 不能直接触发点击事件,但可以通过以下方式模拟点击事件:
- 使用 'click()' 方法
可以通过获取目标元素后调用 'click()' 方法来模拟点击事件,例如:
document.querySelector('#myButton').click();
- 创建 MouseEvent 对象
可以创建一个 MouseEvent 对象,并将其传递给目标元素的 'dispatchEvent()' 方法来模拟点击事件,例如:
var event = new MouseEvent('click', {
'view': window,
'bubbles': true,
'cancelable': true
});
document.querySelector('#myButton').dispatchEvent(event);
这将创建一个点击事件,并将其分派给目标元素。
注意:以上两种方式都只是模拟了点击事件,不会触发任何与点击事件相关的默认行为,如表单提交、链接跳转等。如果需要触发这些默认行为,需要手动编写相应的代码。
原文地址: https://www.cveoy.top/t/topic/oB1D 著作权归作者所有。请勿转载和采集!