我在这个链接上绑定了两个事件处理程序:
<a href='#' id='elm'>Show Alert</a>
JavaScript:
$(function()
{
$('#elm').click(_f);
$('#elm').mouseover(_m);
});
function _f(){alert('clicked');}
function _m(){alert('mouse over');}
有没有办法得到一个元素上绑定的所有事件的列表，在这种情况下，元素与id="elm"?
当前回答
jQuery审计插件应该让你通过正常的Chrome开发工具做到这一点。它并不完美，但它应该让您看到绑定到元素/事件的实际处理程序，而不仅仅是通用的jQuery处理程序。
其他回答
请注意，事件可以附加到文档本身，而不是相关的元素。在这种情况下，你会想使用:
$._data( $(document)[0], "events" );
用正确的选择器找到事件:
然后查看处理程序> [[FunctionLocation]]
在现代版本的jQuery中，您可以使用$。_data方法来查找由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" );
$.的结果。_data将是一个包含我们设置的两个事件的对象(下图展开mouseout属性):
然后在Chrome中，你可以右键单击处理函数，然后单击“查看函数定义”来显示它在代码中定义的确切位置。
当我传递一个复杂的DOM查询到$。像这样:$. _data。_data($('#outerWrap . innerwrap ul li:last a')， 'events')它在浏览器控制台中抛出undefined。
所以我必须使用$。$._data($('#outerWrap')[0]， 'events')查看a标签的事件。这里有一个相同的JSFiddle: http://jsfiddle.net/giri_jeedigunta/MLcpT/4/
现在，通过使用javascript函数getEventListeners()，您可以简单地获得绑定到对象的事件侦听器列表。
例如，在dev tools控制台中输入以下内容:
// Get all event listners bound to the document object
getEventListeners(document);
一般情况下:
按F12打开开发工具 单击Sources选项卡 在右侧，向下滚动到事件侦听器断点，并展开树 单击要监听的事件。 与目标元素交互，如果它们触发，您将在调试器中获得断点
同样，你可以:
右键点击目标元素->选择“Inspect element” 向下滚动到开发框架的右侧，底部是“事件监听器”。 展开树，查看元素附加了哪些事件。不确定这是否适用于通过冒泡处理的事件(我猜不是)
