2019年06月26日,文中通过示例代码介绍

JavaScript 触发模拟鼠标点击事件

更新时间：2019年6月26日16:42:31 作者：零小邹

本文主要介绍javascript触发模拟鼠标点击事件。示例代码在文章中有详细介绍。对大家的学习或工作有一定的参考学习价值。有需要的朋友可以参考

事件触发器用于触发某个元素下的事件。 IE 中的 fireEvent 方法，高级浏览器（chrome、firefox 等）中的 dispatchEvent 方法。

一般来说，我们给元素绑定事件后，我们依赖用户在这些元素上的鼠标动作来捕捉或触发事件，或者是浏览器内置的行为事件，比如click、mouseover、load等，有时我们需要自定义事件或在特定情况下触发这些事件。这时候我们可以在IE下使用fireEvent方法，高级浏览器（chrome、firefox等）都有dispatchEvent方法。

比如看看ie下的这个例子：

//document上绑定自定义事件ondataavailable
document.attachEvent('ondataavailable', function (event) {
alert(event.eventType);
});
var obj=document.getElementById("obj");
//obj元素上绑定click事件
obj.attachEvent('onclick', function (event) {
alert(event.eventType);
});
//调用document对象的createEventObject方法得到一个event的对象实例。
var event = document.createEventObject();
event.eventType = 'message';
//触发document上绑定的自定义事件ondataavailable
document.fireEvent('ondataavailable', event);
//触发obj元素上绑定click事件
document.getElementById("test").onclick = function () {
obj.fireEvent('onclick', event);
};

fireEvent官方文档

createEventObject 官方文档

看看高级浏览器（chrome、firefox 等）的例子：

//document上绑定自定义事件ondataavailable
document.addEventListener('ondataavailable', function (event) {
alert(event.eventType);
}, false);
var obj = document.getElementById("obj");
//obj元素上绑定click事件
obj.addEventListener('click', function (event) {
alert(event.eventType);
}, false);
//调用document对象的 createEvent 方法得到一个event的对象实例。
var event = document.createEvent('HTMLEvents');
// initEvent接受3个参数：
// 事件类型，是否冒泡，是否阻止浏览器的默认行为
event.initEvent("ondataavailable", true, true);
event.eventType = 'message';
//触发document上绑定的自定义事件ondataavailable
document.dispatchEvent(event);
var event1 = document.createEvent('HTMLEvents');
event1.initEvent("click", true, true);
event1.eventType = 'message';
//触发obj元素上绑定click事件
document.getElementById("test").onclick = function () {
obj.dispatchEvent(event1);
};

在实际的包中并没有那么简单。看看 jQuery.event.trigger。

通过仿真实现。将事件处理函数绑定到元素。如果有实际操作触发了事件，就会执行相应的事件处理函数。因此，要实现事件触发功能，只需获取对应的事件处理函数即可。

以上是本文的全部内容。希望对大家的学习有所帮助，也希望大家多多支持Scripthome。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-381708-1.html