Ejemplo
Ejecutar un JavaScript al pegar un texto en un <input> elemento:
<input type="text"
onpaste="myFunction()" value="Paste something in here">
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El evento onpaste se produce cuando el usuario pega algo de contenido en un elemento.
Nota: Aunque el evento onpaste es compatible con todos los elementos HTML, en realidad no es posible pegar algún contenido en, por ejemplo, un <p> elemento, salvo que el elemento ha establecido contenteditable a "true" (Ver "More Examples" por debajo ).
Consejo: El evento onpaste se utiliza sobre todo en <input> elementos con type = "text".
Consejo: Hay tres maneras de pegar algún contenido en un elemento:
- Presione CTRL + V
- Seleccionar "Paste" en el menú Edición en el navegador
- Haga clic derecho para mostrar el menú contextual y seleccione el "Paste" de comandos.
Soporte del navegador
Evento | |||||
---|---|---|---|---|---|
onpaste | Sí | Sí | Sí | Sí | Sí |
Sintaxis
En HTML:
En JavaScript:
object .onpaste=function(){ Inténtalo tú mismo "
En JavaScript, utilizando el addEventListener() método:
object .addEventListener("paste", myScript );
Inténtalo tú mismo " Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.
Detalles técnicos
burbujas: | Sí |
---|---|
cancelable: | Sí |
Tipo de evento: | ClipboardEvent |
etiquetas HTML admitidas: | Todos los elementos HTML |
Más ejemplos
Ejemplo
Ejecutar un JavaScript al pegar un texto en un <p> elemento (Tenga en cuenta que contenteditable se establece en "true"):
<p contenteditable="true" onpaste="myFunction()">Try to
paste something inside this paragraph.</p>
Inténtalo tú mismo " Páginas relacionadas
Referencia HTML DOM: caso oncopy
Referencia HTML DOM: caso oncut
de objeto de evento