Javascript MouseEvent which Property

0 0 1 minute read

The mouse event which property is used to return a number that corresponds to the pressed mouse button when a mouse event is triggered Syntax:

event.which

Return value: It returns a number indicating which mouse button is pressed:

For left mouse button: 1 is returned
For middle mouse button: 2 is returned
For right mouse button: 3 is returned

Example:

html

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>mouseEvent which Property</title> 
</head> 
  
<body style="text-align:center;"> 
  
    <h1 style="color:green;"> 
        zambiatek 
    </h1> 
  
    <h2> 
        mouseEvent which Property 
    </h2> 
  
    <button onmousedown="geek(event)">Click me!</button> 
  
    <p id="p"></p> 
    <script> 
        function geek(event) { 
            if (event.which == 1) { 
                document.getElementById('p').innerHTML = "Left mouse" 
                                            + " button is clicked "; 
            } else if (event.which == 2) { 
                document.getElementById('p').innerHTML = "Middle mouse" 
                                            + " button is clicked "; 
            } else if (event.which == 3) { 
                document.getElementById('p').innerHTML = "Right mouse" 
                                                + "button is clicked "; 
            } 
        } 
    </script> 
</body> 
  
</html>

Output:

Supported Browsers: The browser supported by which mouse events are listed below:

Apple Safari 1.0
Google Chrome 1.0
Firefox 1.0
Opera 5.0
Internet Explorer 9.0

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!