前端调试小技巧: 保持hover和mouseenter等触发的事件

1. 使用hover触发的事件

在这里插入图片描述

2. 使用mouseenter等触发的事件

在这里插入图片描述

2.1 如果你绑定事件是用element.onmouseenter = function() {…}
那你控制台主动调这个函数就行 element.onmouseenter();

2.2 如果你是用addEventListener绑定
那可以这么调getEventListeners(element).mouseenter[0].listener()
又或者element.dispatchEvent(new MouseEvent(‘mouseenter’))
dispatchEvent不论on或者是add绑定的事件都会触发

相关推荐

  1. oracle 触发器事前触发事后触发区别

    2024-06-07 18:02:09       34 阅读
  2. xss常用标签触发事件

    2024-06-07 18:02:09       16 阅读
  3. 事件触发事件捕获与事件冒泡(js问题)

    2024-06-07 18:02:09       45 阅读
  4. 前端学习之路(事件流)

    2024-06-07 18:02:09       18 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-07 18:02:09       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-07 18:02:09       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-07 18:02:09       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-07 18:02:09       20 阅读

热门阅读

  1. OV通配符ssl证书是什么

    2024-06-07 18:02:09       9 阅读
  2. 0069__请输入您需要查询的Linux命令

    2024-06-07 18:02:09       9 阅读
  3. git命令大全

    2024-06-07 18:02:09       7 阅读
  4. xplorer软件和Tauri框架

    2024-06-07 18:02:09       7 阅读
  5. sass详解

    2024-06-07 18:02:09       8 阅读
  6. MySQL中InnoDB引擎行数据过大对B+树存储的影响

    2024-06-07 18:02:09       9 阅读
  7. No ‘ChromeSansMM’ font 错误解决

    2024-06-07 18:02:09       10 阅读
  8. sklearn.pipeline的用法介绍

    2024-06-07 18:02:09       8 阅读
  9. Eclipse语言编程:深入探索与实战应用

    2024-06-07 18:02:09       12 阅读