Question

I would like to prevent copy function in html page.
And I see this topics already.

Now, I am Done and complete it.

This is code I have used

<script type='text/javascript'>
    document.ondragstart = function() { return false; };

</script>
<style type='text/css'>
body
{
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Webkit */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE 10  */
    /* Currently not supported in Opera but will be soon */
    -o-user-select: none;
    user-select: none;
}
</style>

This code can disabled copy content from all element and working well in IE,Chrome and FF

But, my client still want to copy content from any input filed (type=text,textarea)

So
1 ) How to make text field ,textarea only be able to copy content ? And other element still disabled copy content function

Thank you.

And Sorry, for my bad skill in english.

Answer 1

Advise your client that once content is served up on the browser, there is no way to protect it. Once it’s on the client, it’s completely vulnerable. All the suggested prevention measures are silly and futile. Even if you wrap it in a .swf and obfuscate the ActionScript, anybody who wants it can get it.

The answer is to stop and guide your client not bend at their ignorant will.

No offense.