Evento onpaste

Eventos DOM ClipboardEvent

Definición y uso

El evento onpaste ocurre cuando el usuario pega contenido en un elemento.

Aunque todos los elementos HTML admiten el evento onpaste, en realidad no es posible pegar contenido en, por ejemplo, un elemento <p>, a menos que ese elemento haya configurado contenteditable como "true" (ver más ejemplos a continuación).

Consejo： El evento onpaste se utiliza principalmente para elementos <input> de tipo "text".

Consejo：Se pueden pegar contenido en un elemento de tres formas：

  • CTRL + V
  • Seleccione Pegar desde el menú de edición del navegador
  • Seleccione el comando Pegar en el menú contextual

Ejemplo

Ejemplo 1

Ejecutar JavaScript al pegar texto en el elemento <input>:

<input type="text" onpaste="myFunction()" value="Pega algo aquí">

Prueba personalmente

Ejemplo 2

Ejecutar JavaScript al pegar texto en el elemento <p> (notar que contenteditable se ha configurado como "true"):

<p contenteditable="true" onpaste="myFunction()">Intenta pegar algo dentro de este párrafo.</p>

Prueba personalmente

Sintaxis

En HTML:

<elemento onpaste="myScript">

Prueba personalmente

En JavaScript:

objeto.onpaste = function(){myScript};

Prueba personalmente

En JavaScript, usar el método addEventListener():

objeto.addEventListener("paste", myScript);

Prueba personalmente

Comentarios：Internet Explorer 8 o versiones anteriores no lo admiten Método addEventListener()。

Detalles técnicos

Burbuja： Soporte
Cancelable： Soporte
Tipo de evento： ClipboardEvent
Etiquetas HTML soportadas: Todos los elementos HTML

Compatibilidad del navegador

Eventos Chrome IE Firefox Safari Opera
onpaste Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia del DOM HTML:Evento oncopy

Manual de referencia del DOM HTML:Evento oncut

Eventos DOM ClipboardEvent