如何找出是否有 Javascript 代码正在监听键盘事件？

Question

如果 有 Javascript 代码 listening/intercepting 键盘事件，我如何找到 并且理想情况下找到 确切 line/location 在代码中（例如在 Chrome 开发工具中）?

Answer 1

<div>
    <input type = "text" onkeydown="funct(event)"/>
</div>
 
<script>
     
function funct(e) {
   console.log(e);
}

</script>

function funct(e){
  console.log(e);
}

<div>
   <input type = "text" onkeydown="funct(event)"/>
</div>

现在 运行 程序并转到检查元素 --> 控制台。 当您在输入框中输入一些文本时，您将获得控制台中触发的所有事件列表

Answer 2

我的回答是针对 Chrome 浏览器

• 如果您需要查看在对象上注册的事件侦听器，那么您 可以使用 getEventListeners(object)
• 如果您需要监视事件，请使用 monitorEvents()

您可以阅读 more about these API

您还可以从开发工具中观察这些事件

Answer 3

我不知道其他人的看法，但至少在 chrome 控制台右侧的元素选项卡中，您可以打开 事件监听器 选项卡并查看它们全部，而且点击它你会找到它们的设置位置。