javascript - 我可以使用 jQuery 找到绑定(bind)在元素上的事件吗？

Question

我在这个链接上绑定(bind)了两个事件处理程序:

<a href='#' id='elm'>Show Alert</a>

JavaScript:

$(function()
{
  $('#elm').click(_f);
  $('#elm').mouseover(_m);
});

function _f(){alert('clicked');}
function _m(){alert('mouse over');}

有没有办法获取绑定(bind)在一个元素上的所有事件的列表，在这种情况下是在具有 id="elm" 的元素上？

Answer 1

在现代版本的 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 中，您可以右键单击处理函数并单击“查看函数定义”以显示它在代码中定义的确切位置。