The Wayback Machine - https://web.archive.org/web/20221005193144/https://www.geeksforgeeks.org/javascript-mouseevent-which-property/
Skip to content
Related Articles

Related Articles

Javascript | MouseEvent which Property

View Discussion
Improve Article
Save Article
  • Last Updated : 07 Jan, 2019
View Discussion
Improve Article
Save Article

The mouseEvent which property is used to return a number which 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:




<!DOCTYPE html>
<html>
  
<head>
    <title>mouseEvent which Property</title>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
            GeeksforGeeks
        </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:
Before Clicking the button:
initial
After clicking left mouse button:
left
After clicking middle mouse button:
middle
After clicking right mouse button:
right
Supported Browsers: The browser supported by which mouse event are listed below:
  • Apple Safari 1.0
  • Google Chrome 1.0
  • Firefox 1.0
  • Opera 5.0
  • Internet Explorer 9.0

My Personal Notes
arrow_drop_up
Previous
CSS box-shadow Property
Next

CSS | border-bottom-color Property
Recommended Articles
Page :
JavaScript | MouseEvent Button Property
19, Sep 18
Javascript | MouseEvent altKey Property
07, Jan 19
Javascript | MouseEvent ctrlKey Property
07, Jan 19
JavaScript | MouseEvent shiftKey Property
07, Jan 19
Javascript | MouseEvent getModifierState() Method
07, Jan 19
JavaScript contextmenu MouseEvent
05, Mar 21
HTML | DOM MouseEvent pageX Property
31, Jan 19
HTML | DOM MouseEvent clientX Property
30, Jan 19
HTML | DOM MouseEvent screenX Property
31, Jan 19
HTML | DOM MouseEvent pageY Property
31, Jan 19
HTML | DOM MouseEvent buttons Property
28, Aug 19
HTML | DOM MouseEvent clientY Property
29, Jan 19
HTML | DOM MouseEvent offsetY Property
31, Jan 19
HTML | DOM MouseEvent offsetX Property
31, Jan 19
HTML | DOM MouseEvent screenY Property
31, Jan 19
HTML | DOM MouseEvent relatedTarget Property
15, Feb 19
HTML | DOM MouseEvent
23, Jan 19
How to find out which character key is pressed using JavaScript?
06, Sep 19
How to determine which element the mouse pointer move over using JavaScript ?
12, Sep 19
How to get the elements of one array which are not present in another array using JavaScript?
12, Sep 19
How to get the class of a element which has fired an event using JavaScript/JQuery?
21, May 20
Which Keywords are used to handle Exceptions in JavaScript ?
19, Aug 20
How to close window using JavaScript which is opened by the user with a URL ?
04, Nov 20
How to identify which element scroll is being used using JavaScript ?
28, Dec 20
Article Contributed By :
https://media.geeksforgeeks.org/auth/avatar.png
Vishal Chaudhary 2
@Vishal Chaudhary 2
Vote for difficulty





Article Tags :
Report Issue

We use cookies to ensure you have the best browsing experience on our website. By using our site, you
acknowledge that you have read and understood our
Cookie Policy &
        Privacy Policy

Lightbox

Start Your Coding Journey Now!