onpaste evento
Ejemplo
Ejecute un JavaScript al pegar texto en un elemento <input>:
<input type="text" onpaste="myFunction()" value="Paste something in here">
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento onpaste ocurre cuando el usuario pega algún contenido en un elemento.
Nota: Aunque el evento onpaste es compatible con todos los elementos HTML, en realidad no es posible pegar contenido, por ejemplo, en un elemento <p>, A MENOS QUE el elemento haya establecido contenteditable en "true" (consulte "Más ejemplos" a continuación). ).
Sugerencia: el evento onpaste se usa principalmente en elementos <input> con type="text".
Sugerencia: hay tres formas de pegar contenido en un elemento:
- Presione CTRL + V
- Seleccione "Pegar" en el menú Editar de su navegador
- Haga clic derecho para mostrar el menú contextual y seleccione el comando "Pegar".
Compatibilidad con navegador
Event | |||||
---|---|---|---|---|---|
onpaste | Yes | Yes | Yes | Yes | Yes |
Sintaxis
En HTML:
<element onpaste="myScript">
En JavaScript:
object.onpaste = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("paste", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
Burbujas: | sí |
---|---|
Cancelable: | sí |
Tipo de evento: | PortapapelesEvento |
Etiquetas HTML compatibles: | Todos los elementos HTML |
Más ejemplos
Ejemplo
Ejecute un JavaScript al pegar texto en un elemento <p> (Tenga en cuenta que contenteditable se establece en "true"):
<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>
páginas relacionadas
Referencia HTML DOM: evento oncopy
Referencia HTML DOM: evento oncut