Helping ordinary people create extraordinary websites!

Disabling the Right-click Mouse Button

By Amrit Hallan
2005-06-01

Disabling the Right-click Mouse Button
Sometimes you don't want the visitor to be able to click the right mouse button and do all the stuff associated with it. Although personally I'm not in favor of such gimmicks and limit the visitor's independence, you learn something new in this tutorial.

<script language=JavaScript>
var IE;
var NN;

if(navigator.appName=="Microsoft Internet Explorer")
{
IE=true;
}

if(navigator.appName=="Netscape")
{
NN=true;
}

The above code checks what browser the user is using and store the information accordingly. Both the browsers use different class variable names to store different events.

function right(click)
{
if(IE && (event.button==2 || event.button==3))
{
alert("The right click has been disabled here.");
return false;
}

if(NN && (click.which==2 || click.which==3))
{
alert("The right click has been disabled here.");
return false;
}

return false;
}

And the code below captures the event and sends it to the browser.

if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (document.layers) window.captureEvents(Event.MOUSEUP);
document.onmousedown=right;
document.onmouseup=right;
window.document.layers=right;
</script>





Tutorial pages:
  • Disabling the Right-click Mouse Button
 2 Votes

You might also want to check these out:


Leave a Comment on "Disabling the Right-click Mouse Button"
You must be logged in to post a comment.

Link to This Tutorial Page!
GET OUR NEWSLETTERS