w3resource
jquery exercises

jQuery: Distinguish between left and right mouse click with jQuery

jQuery Practical exercise Part - I: Exercise-20

Distinguish between left and right mouse click with jQuery.

Sample Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Distinguish between left and right mouse click with jQuery</title>
  </head>
  <body>
  <h1 class="element">jQuery Exercises</h1>
  </body>
  </html>

JavaScript Code:


$(document).on("contextmenu", ".element", function(e){
   console.log('Right Mouse Clicked!');
   return false;
});

$(document).on('click', '.element', function(){
 console.log('Left Mouse Clicked!');
});

See the Pen jquery-practical-exercise-20 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Remove style added with .css() function using jQuery.
Next: Check if an object is a jQuery object.

What is the difficulty level of this exercise?



New Content: Composer: Dependency manager for PHP, R Programming