tutoriais mais recente desenvolvimento web
 

onpaste Evento

<Objeto de evento

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

Exemplos

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


Evento Object Reference objeto de evento