w3resource

jQuery: Display a message when the contextmenu event is triggered on the paragraph elements

jQuery Fundamental - II : Exercise-61

Display a message when the contextmenu event is triggered on the paragraph elements.

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>Display a message when the contextmenu event is triggered on the paragraph elements.</title>
</head>
<body>
<p>Right click here.</p>
<p>Again right click here.</p>
</body>
</html>

JavaScript Code :

$( "p" ).contextmenu(function() {
alert( "Hello!" );
});

See the Pen jquery-fundamental-exercise-61 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Find all the text nodes inside a paragraph and wrap them with an italic tag.
Next: Using jQuery right click to toggle background color.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.