zoukankan      html  css  js  c++  java
  • 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即可。

  • 相关阅读:
    python字典实现原理-哈希函数-解决哈希冲突方法
    ElasticSearch-倒排索引
    ElasticSearch-核心概念
    MarkdownPad2基础语法
    下载python3.6,进行编译安装,运行django程序
    linux-指令1
    注解和反射
    Htlm和Css
    JAVASE加强
    网络编程
  • 原文地址:https://www.cnblogs.com/SCscHero/p/15032456.html
Copyright © 2011-2022 走看看