可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):

问题:

This question already has an answer here:

jQuery find events handlers registered with an object 14 answers

Is there a way to check if an event exists in jQuery? I’m working on a plugin that uses custom namespaced events, and would like to be able to check if the event is binded to an element or not.

回答1:

$(\'body\').click(function(){ alert(\'test\' )})

var foo = $.data( $(\'body\').get(0), \'events\' ).click
// you can query $.data( object, \'events\' ) and get an object back, then see what events are attached to it.

$.each( foo, function(i,o) {
    alert(i) // guid of the event
    alert(o) // the function definition of the event handler
});

You can inspect by feeding the object reference ( not the jQuery object though ) to $.data, and for the second argument feed \'events\' and that will return an object populated with all the events such as \'click\'. You can loop through that object and see what the event handler does.

回答2:

You may use:

$(\"#foo\").unbind(\'click\');

to make sure all click events are unbinded, then attach your event

回答3:

To check for events on an element:

var events = $._data(element, \"events\")

Note that this will only work with direct event handlers, if you are using $(document).on(\"event-name\", \"jq-selector\", function() { //logic }), you will want to see the getEvents function at the bottom of this answer

For example:

 var events = $._data(document.getElementById(\"myElemId\"), \"events\")

 var events = $._data($(\"#myElemId\")[0], \"events\")

Full Example:

<html>
    <head>
        <script src=\"//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js\" type=\"text/javascript\"></script>
        <script>
            $(function() {
                $(\"#textDiv\").click(function() {
                    //Event Handling
                });
                var events = $._data(document.getElementById(\'textDiv\'), \"events\");
                var hasEvents = (events != null);
            });
        </script>
    </head>
    <body>
        <div id=\"textDiv\">Text</div>
    </body>
</html>

A more complete way to check, that includes dynamic listeners, installed with $(document).on

function getEvents(element) {
    var elemEvents = $._data(element, \"events\");
    var allDocEvnts = $._data(document, \"events\");
    for(var evntType in allDocEvnts) {
        if(allDocEvnts.hasOwnProperty(evntType)) {
            var evts = allDocEvnts[evntType];
            for(var i = 0; i < evts.length; i++) {
                if($(element).is(evts[i].selector)) {
                    if(elemEvents == null) {
                        elemEvents = {};
                    }
                    if(!elemEvents.hasOwnProperty(evntType)) {
                        elemEvents[evntType] = [];
                    }
                    elemEvents[evntType].push(evts[i]);
                }
            }
        }
    }
    return elemEvents;
}

Example usage:

getEvents($(\'#myElemId\')[0])

回答4:

use jquery event filter

you can use it like this

$(\"a:Event(click)\")

回答5:

I wrote a plugin called hasEventListener which exactly does that.

Hope this helps.

回答6:

Below code will provide you with all the click events on given selector:

jQuery(selector).data(\'events\').click

You can iterate over it using each or for ex. check the length for validation like:

jQuery(selector).data(\'events\').click.length

Thought it would help someone. :)

回答7:

I have answered to similar question here: hasHandlers() helper

Work with jQuery >= v1.11.0

回答8:

This work for me it is showing the objects and type of event which has occurred.

    var foo = $._data( $(\'body\').get(0), \'events\' );
    $.each( foo, function(i,o) {
    console.log(i); // guide of the event
    console.log(o); // the function definition of the event handler
    });

回答9:

I ended up doing this

typeof ($(\'#mySelector\').data(\'events\').click) == \"object\"

Check if event exists on element [duplicate]

问题:

回答1:

回答2:

回答3:

回答4:

回答5:

回答6:

回答7:

回答8:

回答9:

收藏的人(0)

Check if event exists on element [duplicate]

问题:

回答1:

回答2:

回答3:

回答4:

回答5:

回答6:

回答7:

回答8:

回答9:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮