Disable Mouse Right Click using JavaScript
1: Disable Mouse Right Click using JavaScript
Disable Mouse Right Click using JavaScript : Today we are show you how to disable mouse right click using JavaScript in website or asp.net webpage. It’s a very simple script to disable right click event. You can disable the right click event in whole website by adding this script in master page.
In previous articles we explained Get Directions Google Map API using JavaScript, Get Computer Hardware Information, Static Website in ASP.NET, Adding Multiple Points to Google Map,Send Email with Attachment, Search in GridView using JavaScript, HTML to PDF using iTextSharp Library, Improve ComboBox Performance Using VirtualizingStackPanel, Export HTML to Excel, Search Location in Google Map API and many more. Now we will move on how to disable mouse right click using JavaScript.
ADD SCRIPT
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<script type="text/javascript">
if (document.layers) {
//Capture the MouseDown event.
document.captureEvents(Event.MOUSEDOWN);
//Disable the OnMouseDown event handler.
document.onmousedown = function () {
return false;
};
}
else {
//Disable the OnMouseUp event handler.
document.onmouseup = function (e) {
if (e != null && e.type == "mouseup") {
//Check the Mouse Button which is clicked.
if (e.which == 2 || e.which == 3) {
//If the Button is middle or right then disable.
return false;
}
}
};
}
//Disable the Context Menu event.
document.oncontextmenu = function () {
return false;
};
</script>
|
Above script has to be copied in the head section of the Master Page or ASP.NET (ASPX) page and it can also be placed within the ContentPlaceHolder of the Content Page.
The script disables the following three events in order to disable the Right Click in browsers.
The script disables the following three events in order to disable the Right Click in browsers.
OnMouseDown
The script first checks whether the document has layers, and if yes then the OnMouseDown event is captured and inside its event handler the event is cancelled by using return false.
OnMouseUp
And if the document does not have layers then inside the OnMouseUp event handler, first the Mouse Button that was clicked is determined and if the Button is Middle or Right then the event is cancelled using return false.
OnContextMenu
The OnContextMenu event is cancelled using the OnContextMenu event handler.
2: Disable text selection in a page
This javascript disables the ability to select text with mouse. You can try it on this page (works on IE and FF).
However, it's not a good "protection" because you can return to the normal behaviour with a simple javascript url :
<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>
... and if Javascript is disabled then the protection is not effective!