阿超 > 调试js事件小技巧

调试js事件小技巧

2024-01-02

前端

万人都要将火熄灭，我一人独将此火高高举起。——海子

分享一个js调试事件小技巧

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
    <title>Event Monitor Trigger</title>
</head>
<body>
    <button id="myButton">Click Me</button>
</body>
</html>

这里一个按钮，啥都没有

我们运行一下，给它在chrome console里添加事监听

1
2
// 先用选中元素光标选一下按钮，这样$0就会指向按钮
monitorEvents($0)

这时候我们触发其任何事件都会有输出

针对某一事件的话就传入该事件

1
monitorEvents($0, ["click"])