javascript触发模拟鼠标点击事件_js模拟鼠标点击,js触发点击事件--模拟鼠标点击动作

模拟点击

175 浏览量更新于2023-05-11 评论收藏 40KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

javascript触发模拟鼠标点击事件触发模拟鼠标点击事件

主要介绍了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的源码

是通过模拟来实现了，给某元素绑定一个事件处理函数，如果有触发事件的实际操作就会执行相应的事件处理函数，所以要达

到事件触发器的功能只要获取到相应的事件处理函数然后执行。

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

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

weixin_38592332

粉丝: 7
资源: 888

会员权益专享

javascript触发模拟鼠标点击事件

评论0

会员权益专享

最新资源

javascript触发模拟鼠标点击事件

评论0

用js使现模拟鼠标点击

JavaScript代码模拟鼠标自动点击事件示例

使用JS或jQuery模拟鼠标点击a标签事件代码

原生javascript触发模拟鼠标点击事件

SpringBoot+vue+elementUI如何用JavaScript实现模拟鼠标点击事件来实现点击按钮一次实现点击按钮两次

js模拟鼠标点击

js 模拟鼠标点击事件

js代码触发鼠标悬停事件

dom模拟鼠标点击到某个位置

js如何模拟鼠标悬停

dom模拟鼠标点击到指定坐标位置

dom模拟鼠标点击某个元素内的一个点的坐标位置

写一段js代码，模拟鼠标点击

vue 虚拟鼠标点击事件

js模拟鼠标停留在一个元素上1小时

js模拟鼠标移动到某个位置

vuetestutils 触发 hover事件

js模拟点击网页某个位置

模拟js点击事件

会员权益专享

最新资源