Detect Event Type 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>
Updated on: 2020-02-17T09:48:11+05:30

165 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements