Somebody asked me yesterday what have to be done in order to disable copy/paste function and to stop the visitors (or, at least, most of them) to copy the content of her articles. Well, I prepared the answer, but you can learn from it as well... So I am posting it here, hoping it will help.
Apply this code in your html document inside the <body> tag in order to disable drag and select (and copy/paste using the Ctrl+C/Ctrl+V keys).
ondragstart=’return false’ onselectstart=’return false’
Practically, the tag should look like this (considering there is no onLoad or other stuff like that already added):
<body ondragstart=’return false’ onselectstart=’return false’>
Apply this script in your html document before closing after the starting and before the closing the <head> tag:
<script type="text/javascript">var message=
’
FunctionDisabled!
’
;function clickIE4() { if(event.button==2) { alert(message);returnfalse;}}function clickNS4(e) {if(document.layers||document.getElementById&&!document.all) {if(e.which==2 || e.which==3) { alert(message);returnfalse;}}}if(document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4;}elseif(document.all&&!document.getElementById) { document.onmousedown=clickIE4;} document.oncontextmenu=newFunction(
’
alert(message);returnfalse
)</script>
’
Add some necessary security CSS elements to the <body> tag.
For example, add in the CSS file
body { user-select: none; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; }
In case you want to place them as CSS style in the html document, the <body> tag will look like this:
<body ondragstart=’return false’ onselectstart=’return false’ style=
’user-select: none; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none;
’
>
This is basic protection only! That will help you in most of the cases, but advanced users will bypass it with ease by disabling JavaScript on their browser or using firebug to see the html source.