Prevent People from Copying Text on Web Pages

Published in: JavaScript - DMCA

If, for some reason, you would like to prevent users from copying and pasting text from your web pages through Ctrl-C Ctrl-V, or using the mouse, jQuery can help.

$('body').bind('copy paste cut drag drop', function (e) {

The bind function attaches an event handler to the main body element and prevents the clipboard functions for all the elements on the page. Use can however still copy text though the DOM tree that can be accessed using the Chrome Dev Tools.

Also, if you would like to disable cut-copy-paste operations on certain fields - like the password input field or the text area, the following snippet should help. When the copy or cut event is fired, nothing happens.

$('input[type=text],textarea').bind('copy paste cut drag drop', function (e) {
Published in: JavaScript - DMCA

Looking for something? Find here!

Meet the Author

Web Geek, Tech Columnist
Amit Agarwal

Amit Agarwal is a Google Developer Expert in GSuite and Google Apps Script. He holds an engineering degree in Computer Science (I.I.T.) and is the first professional blogger in India. Read more on Lifehacker and YourStory

Get in touch