使用开发人员工具模拟JavaScript事件？
肖恩
Chrome（和Firefox）都有非常棒的工具来更改元素的当前状态，例如将其设置为悬停状态，以便您可以检查/修改CSS：
问题在于，这似乎并未引发任何JavaScript事件。
我目前正在尝试设置工具提示的样式，该工具提示将显示在悬停上。手动将鼠标悬停在元素上非常困难，因为当我将鼠标从该元素上移开时，工具提示会消失，并且在开发人员工具中将状态设置为悬停似乎并不会引发jQuery事件。
我不得不诉诸于在开发人员工具检查器中的元素上添加ID，然后在控制台中执行以下操作：
$("#custom-element-hover").mouseover();
感觉错了（有点麻烦）。
有我不知道的更好的方法吗？
损失负责人
在简单的情况下，我认为通常在使用控制台时会更容易。但是在开发人员工具中，您还可以找到事件侦听器代码并在其上设置断点：
然后，右键单击此处理程序并查看源代码，使用{}按钮取消最小化源代码，并在此处理程序函数中设置断点。
如果此处理程序函数在不相关的事件上触发，那么您可能需要右键单击它并使断点成为条件，或添加监视表达式以查看何时处于正确的事件。
您也可以使用相同的断点设置方法来跳过特定的mouseout事件。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用Chrome的开发人员工具-找出在何处调用javascript函数
- 2
如何使用 Chrome 的开发人员工具来捕捉点击事件的最终目的地？
- 3
MS Edge开发人员工具模拟器无法正常工作
- 4
有什么方法可以在开发人员工具中模拟onmouseover吗？
- 5
有什么方法可以在开发人员工具中模拟onmouseover吗？
- 6
Google Chrome开发人员工具已禁用
- 7
在chrome开发人员工具中调试插件
- 8
更改开发人员工具字体（家族）
- 9
开发人员工具中的IE 11 cookie
- 10
IE 11开发人员工具-专注于IFRAME？
- 11
chrome 38屏幕尺寸开发人员工具
- 12
从开发人员工具访问IIFE变量
- 13
AngularJS应用使IE开发人员工具崩溃
- 14
Atom IDE打开Chrome开发人员工具
- 15
从开发人员工具隐藏API数据
- 16
永久删除/卸载firefox开发人员工具
- 17
Android开发人员工具Ubuntu 14.04
- 18
Chrome开发人员工具中的HTTP请求
- 19
Android开发人员工具中的警告-Eclipse
- 20
chrome 38屏幕尺寸开发人员工具
- 21
让React开发人员工具在Chrome中运行
- 22
Safari Web开发人员工具？
- 23
从开发人员工具获取端口
- 24
Google Chrome Web开发人员工具
- 25
使用浏览器的开发人员工具时，是否可以显示JavaScript数组括号和对象的内容？
- 26
Chrome开发人员工具来源无法正确显示javascript文件
- 27
Chrome开发人员工具-在Javascript中查找匹配的Name或Id属性？
- 28
列出开发人员工具对Javascript文件所做的修改
- 29
如何使用android开发人员工具（eclipse 4.2）设置eclim
我来说两句