How to check if event exists on element in jQuery?



To check if event exists on element in jQuery, check for the existing events on the element. 

Here, I have set the div −

<div id="demo">
  This is demo text. Click here!
</div>

When you click div, then the alert generates which I have set using the div id:

$("#demo").click(function() {
  alert("Does event exists? - "+hasEvents);
});

You can try to run the following code to check if event exists −

Example

Live Demo

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      $("#demo").click(function() {
        alert("Does event exists? - "+hasEvents);
     });
     var events = $._data(document.getElementById('demo'), "events");
     var hasEvents = (events != null);
   });
   </script>
  </head>
<body>
  <div id="demo">This is demo text. Click here!</div>
</body>
</html>

Advertisements