How to check if event exists on element in jQuery?

jQuery Web Development Front End Technology

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>

Kristi Castro

Updated on: 19-Jun-2020

3K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started