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>
Published on 25-Jul-2018 22:59:01
