Question

How to distinguish between left, right and middle mouse click with jQuery

Answer 1

<!DOCTYPE html>
<html>
  <head>
    <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
  </head>
  <body>
    <div id="divid">
      > Click here <
    </div>
    <script>
      $('#divid').mousedown(function(event) {
          switch(event.which) {
            case 1:
              $('#divid').html('Left Mouse button pressed');
              break;
            case 2:
              $('#divid').html('Middle Mouse button pressed');
              break;
            case 3:
              $('#divid').html('Right Mouse button pressed');
              break;
            default:
              $('#divid').html('default');
          }
        });
    </script>
  </body>
</html>


<!--
run:

Left Mouse button pressed

-->

 

70+ SQL courses for beginners and professionals