In this article I will explain with an example, how to disable mouse right click in HTML using
jQuery.
Script to disable Right Click using jQuery
Inside the HTML, following
jQuery JS file is inherited.
1. jquery.min.js
Inside the contextmenu event handler, the event is cancelled by returning FALSE.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript">
//Disable the Context Menu event.
$(document).contextmenu(function () {
return false;
});
</script>
Disabling Mouse Right Click in HTML using jQuery
You will need to place the following script in HEAD section of your HTML page.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script type="text/javascript">
//Disable the Context Menu event.
$(document).contextmenu(function () {
return false;
});
</script>
</head>
<body>
<h1>Try to Right Click on this Page.</h1>
</body>
</html>
Screenshot
![Disable Mouse Right Click in HTML using jQuery]()
Browser Compatibility
* All browser logos displayed above are property of their respective owners.
Demo
Downloads
