How to handle a mouse right click event using jQuery?

jQuery Web Development Front End Technology

To handle a mouse right click event, use the mousedown() jQuery method. Mouse left, right and middle click can also be captured using the same method. You can try to run the following code to learn how to handle a mouse right click event:

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(){
   $('.myclass').mousedown(function(event) {
    switch (event.which) {
        case 1:
            alert('Left mouse button is pressed');
            break;
        case 2:
            alert('Middle mouse button is pressed');
            break;
        case 3:
            alert('Right mouse button is pressed');
            break;
        default:
            alert('Nothing');
    }
});
});
</script>
</head>
<body>

<a href="http://qries.com" class="myclass">Click me</a>

</body>
</html>

David Meador

Updated on: 14-Feb-2020

3K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started