阅文时长 | | 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) 应对场景
- 模拟按键的按下，弹起的相关场景下。
- 博主是用于油猴脚本，模拟点击某个DOM元素。
c) 解决原理&方法
后来花了不少时间做尝试，改用了如下的Code，测试成功。因此原因很可能是搞错了监听的对象。
window.dispatchEvent(mouseupEvent);
二、声明与参考资料 完成度：100%
原创博文，未经许可请勿转载。
如有帮助，欢迎点赞、收藏、关注。如有问题，请评论留言！如需与博主联系的，直接博客私信SCscHero即可。
