Exemplo
Executar um JavaScript quando colar algum texto em um <input> elemento:
<input type="text"
onpaste="myFunction()" value="Paste something in here">
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O evento onpaste ocorre quando o utilizador cola algum conteúdo em um elemento.
Nota: Embora o evento onpaste é suportado por todos os elementos HTML, não é realmente possível para colar algum conteúdo, por exemplo, um <p> elemento, salvo se o elemento não definiu contenteditable para "true" (Veja "More Examples" abaixo ).
Dica: O evento onpaste é usado principalmente em <input> elementos com type = "text".
Dica: Existem três maneiras de colar algum conteúdo em um elemento:
- Pressione CTRL + V
- Selecione "Paste" no menu Editar no seu browser
- Botão direito do mouse para exibir o menu de contexto e selecione o "Paste" comando.
Suporte navegador
Evento | |||||
---|---|---|---|---|---|
onpaste | sim | sim | sim | sim | sim |
Sintaxe
Em HTML:
Em JavaScript:
object .onpaste=function(){ Tente você mesmo "
Em JavaScript, usando o addEventListener() Método:
object .addEventListener("paste", 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 colar algum texto em um <p> elemento (Note que contenteditable é definido como "true"):
<p contenteditable="true" onpaste="myFunction()">Try to
paste something inside this paragraph.</p>
Tente você mesmo " Páginas relacionadas
HTML DOM referência: evento oncopy
HTML DOM referência: evento oncut
objeto de evento