JS·dispatchEvent方法模拟鼠标点击按下弹起无效之解决

阅文时长	| 0.16分钟	字数统计	| 265.6字符
主要内容	| 1、引言&背景 2、声明与参考资料
『JS·dispatchEvent方法模拟鼠标点击按下弹起无效之解决』
编写人	| SCscHero	编写时间	| 2021/7/19 PM8:24
文章类型	| 系列	完成度	| 已完成
座右铭	每一个伟大的事业，都有一个微不足道的开始。

一、引言&背景   完成度：100%

a) 应对问题

在使用dispatchEvent()方法时，遇到了一个情况。即：按下事件的代码生效了，但是弹起事件的代码未生效。

document.dispatchEvent(mousedownEvent);//mousedownEvent是按下事件，已符合预期。
document.dispatchEvent(mouseupEvent);//mouseupEvent是弹起事件，未符合预期。

b) 应对场景

1. 模拟按键的按下，弹起的相关场景下。
2. 博主是用于油猴脚本，模拟点击某个DOM元素。

c) 解决原理&方法

后来花了不少时间做尝试，改用了如下的Code，测试成功。因此原因很可能是搞错了监听的对象。

window.dispatchEvent(mouseupEvent);

二、声明与参考资料   完成度：100%

原创博文，未经许可请勿转载。

如有帮助，欢迎点赞、收藏、关注。如有问题，请评论留言！如需与博主联系的，直接博客私信SCscHero即可。