De vez em quando, entro em um site que não permite que eu cole em uma entrada de formulário. Na maioria dos casos, é algo relacionado a credenciais de login (nome de usuário e senha) e códigos de autenticação. Então, como eles estão me impedindo de colar informações? É tão fácil quanto o senhor imagina!

Vamos começar com o input elemento:

<input type="text" onpaste="return false;" ondrop="return false;" autocomplete="off" />

O onpaste nos permite impedir a colagem no formulário. Ao adicionar o atributo autocomplete além de impedir o arrastar e soltar no elemento. Se o senhor quiser evitar o atributo on{event} no HTML, o senhor pode fazer isso de forma mais limpa:

myElement.addEventListener('paste', e => e.preventDefault());

Escrever esta postagem me dá dor de cabeça porque detesto quando os sites me impedem de colar texto. Estou implorando para que o senhor não faça isso. Simplesmente não faça.

  • Escreva consultas de mídia simples, elegantes e fáceis de manter com Sass
  • Conquistando a síndrome do impostor

    Há dois anos, documentei minha luta contra a Síndrome do Impostor e a resposta foi imensa. Recebi mensagens de apoio e de comiseração de novos desenvolvedores da Web, engenheiros veteranos e até mesmo de pessoas de todos os níveis de experiência em outras profissões. Até me peguei lendo a postagem…