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标签。在Event Listeners面板的右上角有一个过滤器图标。当您单击它时，您可以选择＆＃34;所有节点＆＃34; （默认）或＆＃34;仅选择节点＆＃34;。

Answer 2

按F12打开开发人员工具
单击“元素”选项卡
选择要分析的元素
在右侧单击“事件监听器”选项卡

从该选项卡中，您可以查看绑定到每个事件的元素的所有处理程序。

Answer 3

由于您似乎使用了jquery，因此这是以前发布的解决方案：

// Bind up a couple of event handlers
$("#foo").on({
    click: function(){ alert("Hello") },
    mouseout: function(){ alert("World") }
});

// Lookup events for this particular Element
$._data( $("#foo")[0], "events" );

您可以在此处找到更多信息：Can I find events bound on an element with jQuery?

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

3 个答案: