evento onpaste
Exemplo
Execute um JavaScript ao colar algum texto em um elemento <input>:
<input type="text" onpaste="myFunction()" value="Paste something in here">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento onpaste ocorre quando o usuário cola algum conteúdo em um elemento.
Nota: Embora o evento onpaste seja suportado por todos os elementos HTML, na verdade não é possível colar algum conteúdo, por exemplo, em um elemento <p>, A MENOS que o elemento tenha definido contenteditable como "true" (Veja "Mais exemplos" abaixo ).
Dica: O evento onpaste é usado principalmente em elementos <input> com type="text".
Dica: há três maneiras de colar algum conteúdo em um elemento:
- Pressione CTRL + V
- Selecione "Colar" no menu Editar do seu navegador
- Clique com o botão direito para exibir o menu de contexto e selecione o comando "Colar".
Suporte ao navegador
Event | |||||
---|---|---|---|---|---|
onpaste | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Em HTML:
<element onpaste="myScript">
Em JavaScript:
object.onpaste = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("paste", 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 colar algum texto em um elemento <p> (Observe que contenteditable está definido como "true"):
<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>
Páginas relacionadas
Referência HTML DOM: evento oncopy
Referência HTML DOM: evento oncut