Evento oncopy
Exemplo
Execute um JavaScript ao copiar algum texto de um elemento <input>:
<input type="text" oncopy="myFunction()" value="Try to copy this text">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento oncopy ocorre quando o usuário copia o conteúdo de um elemento.
Dica: O evento oncopy também ocorre quando o usuário copia um elemento, por exemplo, uma imagem, criada com o elemento <img>.
Dica: O evento oncopy é usado principalmente em elementos <input> com type="text".
Dica: Existem três maneiras de copiar um elemento/o conteúdo de um elemento:
- Pressione CTRL + C
- Selecione "Copiar" no menu Editar do seu navegador
- Clique com o botão direito do mouse para exibir o menu de contexto e selecione o comando "Copiar".
Suporte ao navegador
Event | |||||
---|---|---|---|---|---|
oncopy | Yes | Yes | Yes | Yes | Yes |
Observação: o evento oncopy pode não funcionar conforme o esperado em alguns navegadores ao tentar copiar uma imagem (consulte "Mais exemplos" abaixo).
Sintaxe
Em HTML:
<element oncopy="myScript">
Em JavaScript:
object.oncopy = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("copy", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | sim |
---|---|
Cancelável: | sim |
Tipo de evento: | Evento da área de transferência |
Tags HTML suportadas: | Todos os elementos HTML |
Mais exemplos
Exemplo
Execute um JavaScript ao copiar algum texto de um elemento <p>:
<p oncopy="myFunction()">Try to copy this text</p>
Exemplo
Execute um JavaScript ao copiar uma imagem:
<img src="w3schools.gif" oncopy="myFunction()">
Páginas relacionadas
Referência HTML DOM: evento onpaste
Referência HTML DOM: evento oncut