如何检查元素是否有点击处理程序?

时间:2012-12-28 15:47:48

标签: javascript jquery javascript-events

  

可能重复:
  test if event handler is bound to an element in jQuery

尝试执行以下操作(链接是'a'标记的jQuery对象):

 link.data("events") //undefined even if link has event handlers
 jQuery.data(link, 'events') //undefined always also
 jQuery._data(link, 'events') //undefined always also

使用jquery-1.8.3

那么,如何检查元素是否有点击处理程序?

1 个答案:

答案 0 :(得分:35)

您可以使用jQuery._data来检查事件。第一个参数应该是对HTML元素的引用,而不是对jQuery对象的引用。

var ev = $._data(element, 'events');
if(ev && ev.click) alert('click bound');

以下示例。

$(function(){
    $('#test').click(function(){
        // NOTE: this below is refering to the HTML element, NOT the jQuery element
        var ev = $._data(this, 'events');
        if(ev && ev.click) alert('click bound to this button');
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<button id="test">Click me to check for click handlers</button>

另请注意,此事件检查事件仅在通过jQuery绑定事件时才有效。如果事件通过element.attachEventListenerelement.onclick<a onclick="doStuff()">或任何其他非jQuery方式绑定,则无效。如果你适合这艘船,请检查this answer