HomeJavaScript Page 9 - Understanding The JavaScript Event Model (part 2)
Reducing The Crime Rate - JavaScript
In this concluding article on the JavaScript event model, findout how the Event object can be used to do ever more complex things,including manipulating the dimensions of a Web page and tracking andintercepting keyboard and mouse events.
Ever been to a Web site and tried "borrowing" the JavaScript (by right-clicking and trying to view the source of the page), only to get a little dialog box asking you to cease and desist? Well, it's time for you to get back at all those goody two-shoes, by adding your own little security measures to your site.
<html>
<head>
<script language="JavaScript">
function noRightClick()
{
if(event.type == 'mousedown' && event.button == 2)
{
alert("Sorry, your right mouse button has been
disabled.");
}
}
document.onmousedown = noRightClick;
</script>
</head>
<body>
</body>
</html>
In this case, every time the user clicks the right mouse button, the event will be intercepted by the noRightClick() function, and the normal system behaviour will be replaced with an alert box containing a cease-and-desist message. This usually has more decorative value than anything else - any reasonably adept Web user can still get to the source of your Web page - but it serves to demonstrate the basic concept here.