How to distinguish between left and right mouse click with jQuery

by

As of jQuery version 1.1.3, event.which normalizes event.keyCode and event.charCode so you don’t have to worry about browser compatibility issues. Documentation on event.which

event.which will give 1, 2 or 3 for left, middle and right mouse buttons respectively so:

$('#element').mousedown(function(event) {
    switch (event.which) {
        case 1:
            alert('Left Mouse button pressed.');
            break;
        case 2:
            alert('Middle Mouse button pressed.');
            break;
        case 3:
            alert('Right Mouse button pressed.');
            break;
        default:
            alert('You have a strange Mouse!');
    }
});

More Related Contents:

  1. jQuery.click() vs onClick
  2. Check if an image is loaded (no errors) with jQuery
  3. Using jQuery to test if an input has focus
  4. jQuery click events firing multiple times
  5. How to wait for the ‘end’ of ‘resize’ event and only then perform an action?
  6. Check if event exists on element [duplicate]
  7. How to detect online/offline event cross-browser?
  8. How to differentiate single click event and double click event?
  9. How to detect escape key press with pure JS or jQuery?
  10. Detect multiple keys on single keypress event in jQuery
  11. How to trigger jQuery change event in code
  12. How to bind Events on Ajax loaded Content?
  13. Attaching click event to a JQuery object not yet added to the DOM [duplicate]
  14. Detect Close windows event by jQuery
  15. window.resize event firing in Internet Explorer
  16. jQuery change event on not firing in IE
  17. How can I get jQuery .val() AFTER keypress event?
  18. jQuery event that triggers after CSS is loaded?
  19. Why is ‘event’ available globally in Chrome but not Firefox?
  20. Get the clicked object that triggered jquery blur() event [duplicate]
  21. Can you have a JavaScript hook trigger after a DOM element’s style object changes?
  22. Drop event not firing in chrome
  23. How do I handle a click anywhere in the page, even when a certain element stops the propagation?
  24. Moving a focus when the input text field reaches a max length
  25. Disabling middle click scrolling with javascript
  26. jQuery $(document).ready () fires twice
  27. jQuery Datepicker “After Update” Event or equivalent
  28. jQuery .on() method doesn’t see new elements
  29. Cancel click event in the mouseup event handler
  30. jQuery event bubbling

Leave a Comment