如果查看绑定的事件

发布于 2018-05-08 20:56:17
查看JS中绑定的事件,Chrome浏览器中可以在调试窗口左侧的Event Listeners中找到。

如果是用框架绑定的事件,会追踪到框架中,而不是绑定的地方。
勾选 "Framework listeners",就会解析到实际绑定的代码,而不是框架了。

查看过程截图:

右键选择“审查元素”:

粘贴图片

切换到Event Listeners:


粘贴图片



列出来的两个click事件都是在jq中的,不是具体绑定的地方。

勾选"Framework listeners"之后,显示实际绑定的代码:

粘贴图片


展开之后在handler上右键,选择"Show function definition“(显示函数定义),就能找到函数定义了。



粘贴图片



粘贴图片


粘贴图片



另外,谷歌浏览器也可以用virtual event插件。

Visual Event - Chrome 网上应用店(需要番羽墙)
https://chrome.google.com/webstore/detail/visual-event/pbmmieigblcbldgdokdjpioljjninaim


粘贴图片



也有人说用如下方式:
$(node).data("events")或$._data( node, "events" );
试了并没有效果..



火狐浏览器中就容易多了,最新版不必安装插件,在审查元素中会提示绑定的事件

”ev"提示有绑定事件,点击"ev"弹出绑定的事件,再点击事件,弹出事件定义和位置。

粘贴图片


粘贴图片




编辑笔记



* 草稿箱未上线,请注意手动保存!!!