Uma gambiarra para copiar o placeholder do <input>

[Frank K Hosaka]

Placeholder é um atributo do <input> que eu encontrei no código da portaria que achei nesse forum. Gostei muito dele, e ele mudou o perfil dos meus projetos. Onde eu tinha três colunas na tabela consegui reduzir em um e isso se adaptou como uma luva na tela do celular.

O problema é quando você precisa copiar o valor que o placeholder mostra. 

Pesquisei no Google, e a solução que encontrei foi essa: copy placeholder text (codepen.io) Mas, ele não funciona, ou mais precisamente, eu não sei como fazer funcionar.

Assim, eu tive que improvisar, e cheguei nessa solução:

<input placeholder="Pindamonhangaba" ondblclick=alert(placeholder)>

O meu conhecimento em JS é bem pouco, mas o pouco que sei dele já me ajuda a copiar o placeholder do <input>.

[Frank K Hosaka]

A solução que eu publiquei é uma grande porcaria. Ele força o usuário a copiar o texto da janela do alerta do JS e depois colar na caixa do input. Eu usei, eu detestei.

Estudando um pouco mais o JS, a melhor solução é essa:

<input placeholder=pindamonhangaba ondblclick=this.value=placeholder>

Ou seja, com um duplo clique o JS já faz o trabalho de converter o placeholder em texto, sem depender da tradicional má vontade do usuário.

Editado Agosto 12, 2022 por Frank K Hosaka