How to detect eventType in jQuery?



To detect the eventType in jQuery, use the event type property. You can try to run the following code to learn how to detect eventType in jQuery −

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(){
    $("p").on("mouseover mouseout",function(event){
        $("div").html("Event Type: " + event.type);
    });
 });
</script>
</head>
<body>

<div>
<p>This has mouseover and mouseout event defined. Keep your cursor to see the event type below.</p>
</div>

</body>
</html>

Advertisements