如何使用 jQuery 检索特定元素的事件绑定？

使用 jQuery 检索事件绑定

在 Web 开发中，通常需要将事件处理程序附加到元素以响应用户交互。 jQuery 提供了一种将事件绑定到元素的便捷方法，但是如何检索绑定到特定元素的所有事件的列表？

考虑以下示例，其中两个事件处理程序绑定到链接：

<a href='#'>

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

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

检索绑定事件

为了获取绑定到元素的事件列表，jQuery 提供了 $._data 方法。此方法可用于访问与元素关联的内部数据，包括 jQuery 绑定的任何事件。

$._data($('#elm')[0], "events");

$._data 的输出将是一个包含绑定到元素的事件的对象。每个事件都表示为一个处理程序数组。例如，上面代码的结果可能如下所示：

{
  "click": [function() { alert('clicked'); }],
  "mouseover": [function() { alert('mouse over'); }]
}

进一步探索

在现代版本的 jQuery 中，$._data 是内部使用的唯一的方法。要检索事件绑定，您还可以使用浏览器开发人员工具中的事件冒泡查看器。在 Chrome 中，右键单击控制台中的事件处理程序并选择“查看函数定义”将显示定义该事件处理程序的代码。

以上是如何使用 jQuery 检索特定元素的事件绑定？的详细内容。更多信息请关注PHP中文网其他相关文章！