javascript - 有没有办法以编程方式告诉单击元素是否会产生任何影响？

Question

给定一个元素，有没有办法用 Javascript/jQuery 判断该元素上是否有任何点击事件？

我的意思是任何点击事件。如果单击它会导致任何代码执行，我想知道它。

这可能吗？

如果 Firebug 和 Chrome 开发工具可以看到绑定到一个对象的所有事件侦听器，那一定是......

Answer 1

获取附加到特定元素的事件列表 jquery 使用

​$._data( $("#yourelement")[0], "events" );

Answer 2

见http://jsfiddle.net/jvcDV/

HTML：

<a id="p1">I am link 1</a>
<a onclick="javascript:alert('hi');">I am link 2</a>
<a>I am link 3</a>
<a>I am link 4</a>

JS：

$(document).ready(function()
{
    // Add inline event to a link element
    document.getElementById('p1').onclick = function() { alert('hi'); };
    $('a').each(function()
    {
        if(this.onclick == null)
        {
            alert("Link " + this.innerText + " does not have a onclick event");
        }
        else
        {
            alert("Link " + this.innerText + " does have a onclick event");
        }
    });             
});

Answer 3

有一个名为VisualEvent的脚本可以完成您想要的工作。你可以看看它的代码，看看那里发生了什么。