What is the difference between event.button
and event.which
in Javascript mouse events?
2 Answers
event.button
Indicates which mouse button caused the event.
event.which
According to jQuery's documentation:
...event.which also normalizes button presses (mousedown and mouseupevents), reporting 1 for left button, 2 for middle, and 3 for right. Use event.which instead of event.button.
Difference
In all modern browsers (IE8+) event.button
will give you the following values:
0 Specifies the left mouse-button
1 Specifies the middle mouse-button
2 Specifies the right mouse-button
While in IE8 and earlier:
1 Specifies the left mouse-button
4 Specifies the middle mouse-button
2 Specifies the right mouse-button
event.which
standardize these results by providing you the following values:
1 Specifies the left mouse-button
2 Specifies the middle mouse-button
3 Specifies the right mouse-button
-
Hm yes, but both seem to indicate the mouse button - what exactly is the difference?– chopperMar 17, 2014 at 22:30
-
-
-
Yes, specifically for the mouse events. For the keyboard events it normalizes
event.keyCode
andevent.charCode
. Mar 17, 2014 at 22:37
I'm relatively shy to the last solution despite my upvote. According to the MDN documentation :
So, MouseEvent.button is still prefered. An interesting (case) alternative could be MouseEvent.buttons which permits you to determine all buttons pressed when the event is triggered.
button
formouseDown
andmouseUp
,buttons
formouseMove
, and don't use which