How to Prevent Pasting into an Input
Every once in a while I get to a website that doesn't allow me to paste into a form input. In most cases it's something to do with login credentials (username and or password) and auth codes. So how are they preventing me from pasting information? It's as easy as you'd think!
Let's start with the input
element:
<input type="text" onpaste="return false;" ondrop="return false;" autocomplete="off" />
The onpaste
attribute lets us prevent pasting into the form. Adding the autocomplete
attribute as well as preventing drag and drop into the element. If you want to avoid the on{event}
code in the HTML, you can do it the cleaner way:
myElement.addEventListener('paste', e => e.preventDefault());
Writing this post pains me because I loathe when websites prevent me from pasting text. I'm begging you not to do this. Just don't.
![fetch API]()
One of the worst kept secrets about AJAX on the web is that the underlying API for it, XMLHttpRequest
, wasn't really made for what we've been using it for. We've done well to create elegant APIs around XHR but we know we can do better. Our effort to...
![Chris Coyier’s Favorite CodePen Demos]()
David asked me if I'd be up for a guest post picking out some of my favorite Pens from CodePen. A daunting task! There are so many! I managed to pick a few though that have blown me away over the past few months. If you...
![Input Incrementer and Decrementer with MooTools]()
Chris Coyier's CSS-Tricks blog is everything mine isn't. Chris' blog is rock star popular, mine is not. Chris prefers jQuery, I prefer MooTools. Chris does posts with practical solutions, I do posts about stupid video-game like effects. If I...
![Create a Simple News Scroller Using Dojo]()
My journey into Dojo JavaScript has been exciting and I'm continuing to learn more as I port MooTools scripts to Dojo. My latest experiment is porting a simple new scroller from MooTools to Dojo. The code is very similar!
The HTML
The news items...
So am I able to edit the locally stored js file to re-enable pasting until I reload the page?
Thanks a lot for sharing this. It was really needed as I don’t like to write passwords and username again and again.
Thanks a lot…
thank you..