Exemplo
Executar um JavaScript quando copiar algum texto de um <input> elemento:
<input type="text"
oncopy="myFunction()" value="Try to copy this text">
Tente você mesmo " Mais "Try it Yourself" exemplos 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, criado com o <img> elemento.
Dica: O evento oncopy é usado principalmente em <input> elementos com type = "text".
Dica: Existem três maneiras de copiar um elemento / o conteúdo de um elemento:
- Pressione CTRL + C
- Selecione "Copy" no menu Editar no seu browser
- Botão direito do mouse para exibir o menu de contexto e selecione o "Copy" comando.
Suporte navegador
Evento | |||||
---|---|---|---|---|---|
oncopy | sim | sim | sim | sim | sim |
Nota: O evento oncopy pode não funcionar como esperado em alguns navegadores ao tentar copiar uma imagem (See "More Examples" below) .
Sintaxe
Em HTML:
Em JavaScript:
object .oncopy=function(){ Tente você mesmo "
Em JavaScript, usando o addEventListener() Método:
object .addEventListener("copy", myScript );
Tente você mesmo " Nota: O addEventListener() método não é suportado no Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | sim |
---|---|
cancelable: | sim |
Tipo de evento: | ClipboardEvent |
tags HTML suportadas: | Todos os elementos HTML |
mais Exemplos
Exemplo
Executar um JavaScript quando copiar algum texto de um <p> elemento:
<p oncopy="myFunction()">Try to copy this text</p>
Tente você mesmo " Exemplo
Executar um JavaScript quando copiar uma imagem:
<img src="w3ii.gif" oncopy="myFunction()">
Tente você mesmo " Páginas relacionadas
HTML DOM referência: evento onpaste
HTML DOM referência: evento oncut
objeto de evento