javascript - 使用 Chrome 查找与 HTML 元素关联的所有 js 事件

Question

有没有一种简单的方法可以使用 Chrome 查找与特定 HTML 元素关联的所有 js 事件？

例子:

HTML 元素

<a href="#" class="cancel_link refresh_page">Cancel</a>

脚本:

<script type="text/javascript">
    $(function () {
       $(".cancel_link").click(function () {
          //do something
       });

       $(".refresh_page").click(function () {
          //do something
       });
    });

</script>

Answer 1

在开发工具的 Elements 面板中找到 html 元素。然后单击右侧面板中的 Event Listeners 选项卡。在该事件监听器面板的右上角有一个过滤器图标。单击它时，您可以选择“所有节点”(默认)或“仅选定节点”。