Home >>Javascript Programs >Disable right click on webpage with JavaScript

Disable right click on webpage with JavaScript

Sometimes we want to disable right click on the web page like right-clicking and copying text, to see inspect element by right-clicking. To disable right click on the web page we have to use JavaScript code.

In this tutorial we will discuss how to disable right click on the webpage by using javascript

Let's take an example

<!DOCTYPE HTML> 
<html> 
	<head> 
		<title> 
			Disable right click on my web page 
		</title> 
	</head> 
	<body style = "text-align:center;"> 
		<h1 style = "color:green;" > 
			Phptpoint 
		</h1> 
		<p id = "PHP_UP" style = "font-size: 16px; font-weight: bold;"> 
		</p> 
		<button onclick = "PHP_Run()"> 
			Disable 
		</button> 
		<p id = "PHP_DOWN" style = 
			"color:green; font-size: 20px; font-weight: bold;"> 
		</p> 
		<script> 
			var el_up = document.getElementById("PHP_UP"); 
			var el_down = document.getElementById("PHP_DOWN"); 
			el_up.innerHTML = "Click on the button to disable right click"; 
			
			function PHP_Run() { 
				document.addEventListener('contextmenu', 
						event => event.preventDefault()); 
				el_down.innerHTML = "Right click disabled"; 
			}		 
		</script> 
	</body> 
</html>

Output:

Phptpoint

« Previous Next »

Javascript Programs JavaScript code to check number is Perfect or not JavaScript code to check number is Armstrong or not JavaScript code to check whether a Number is Prime or Not JavaScript code to find largest of three numbers Check number is palindrome or not in JavaScript How to build a calculator using JavaScript Disable right click on webpage with JavaScript Print a fibonacci series in JavaScript How to copy text to clipboard with JavaScript How to Get browser details through JavaScript Create a forward and back buttons in JavaScript How to Get the size of a file with JavaScript How to find absolute value of a number in JavaScript Create functions with default arguments in JavaScript Find the larger of two numbers in JavaScript Count occurrence of a particular character in a string in JavaScript Get current date, month and year in JavaScript How to parse number from string in JavaScript Reverse an array in JavaScript Dynamically add CSS class with JavaScript How to get the extension of a file using JavaScript Generate random number within a range in JavaScript Display Input Text into Lowercase using JavaScript Check/Uncheck all Checkboxes on Button Click using JavaScript Convert a number into different base in JavaScript Print value of all checked (selected) Checkboxes on Button click using JavaScript

No Sidebar ads