谷歌浏览器开发者工具系列19:查看HTML元素的注册事件

介绍

Chrome开发者工具允许开发者查看元素当前的绑定事件,例如绑定了click方法或者通过.addEventListener()方法注册的事件。同时也可以跳转到定义事件行数,这样能够让我们快速地调试当前的元素行为和状态。

操作方法

  • Elements面板中选中你想要查看的元素。
  • Elements面板右侧切换到Event Listeners Pane选项中去。
  • 浏览当前元素绑定的事件。你可以右键选择,弹出Show Function Definition选项,单击这个选项就可以定位到事件源码中去了。
    view event listeners - 谷歌浏览器开发者工具系列19:查看HTML元素的注册事件

提示

如果你的浏览器安装了一些插件,这些插件会自动给当前界面的元素注册一些事件,因此你要仔细辨别哪些是我们自己代码注册的事件。或者你关闭正在使用的插件,尽量不要让插件来干扰你的调试。

发表回复 0