jquery模拟用户点击事件，不只是模拟了事件对象及冒泡的触发。

Formula！ 2022-05-09 09:53:56

真正模拟用户点击事件

<a id="wdnmd" href="https://www.baidu.com/">去搜索</a>
document.querySelector('#wdnmd').click();

...全文

38 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

主要介绍了javascript触发模拟鼠标点击事件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

发现一个小点，先前没有注意的 stopPropagation: function() { var e = this.originalEvent; ... if ( e.stopPropagation ) { e.stopPropagation(); } 　　jQuery重载stopPropagation函数调用的本地事件对象的stopPropagation函数阻止冒泡。也就是说，阻止冒泡的是当前节点，而不是事件源。　　说到触发事件，我们第一反应是使用$(…).click()这种方式触发click事件。这种方式毫无疑问简洁

问题描述最近在使用jquery模拟a标签的click事件，无法触发其默认行为。即click()或trigger('click')无法触发href跳转。去卡咪官网 $('#aBtn').click();//无法跳转，不生效 $('$aBtn').trigger('click');//同样无法跳转，不生效下面就来一起分析下其原因与解决方法吧问题原因 jquery内部实现click或trigger方法时，并未真正模拟用户点击事件，只是模拟了事件对象及冒泡的触发。（最后附有jquery实现源

当点击span的时候div和body的事件全部触发了。要阻止这种发生并使用模拟事件。具体实现如下，感兴趣的朋友可以参考下

触发事件，或称模拟用户动作。比如点击，我们可以用代码去模拟用户点击，达到的效果与真实的鼠标点击是一样的。

87,996

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章