Check if event exists on element

Question

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 bound to an element or not

User · Answer

I ended up doing this  typeof      mySelector   data  events   click      object

User · Answer

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     or   var events      data     myElemId   0    events     Full Example    lt html gt       lt head gt           lt script src    ajax googleapis com ajax libs jquery 1 8 0 jquery min js  type  text javascript  gt  lt  script gt           lt script gt                function                         textDiv   click function                           Event Handling                                     var events      data document getElementById  textDiv     events                    var hasEvents    events    null                            lt  script gt       lt  head gt       lt body gt           lt div id  textDiv  gt Text lt  div gt       lt  body gt   lt  html gt    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  lt  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

User · Answer

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

User · Answer

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

User · Answer

You may use       foo   unbind  click      to make sure all click events are unbinded  then attach your event

User · Answer

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

User · Answer

I wrote a plugin called hasEventListener which exactly does that   Hope this helps

User · Answer

use jquery event filter  you can use it like this     a Event click

[javascript] Check if event exists on element

Examples related to javascript

Examples related to jquery

Examples related to jquery-events

Examples related to eventtrigger