evento oncopy
Ejemplo
Ejecute un JavaScript al copiar algún texto de un elemento <input>:
<input type="text" oncopy="myFunction()" value="Try to copy this text">
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento oncopy ocurre cuando el usuario copia el contenido de un elemento.
Sugerencia: El evento oncopy también ocurre cuando el usuario copia un elemento, por ejemplo, una imagen, creada con el elemento <img>.
Sugerencia: el evento oncopy se usa principalmente en elementos <input> con type="text".
Sugerencia: Hay tres formas de copiar un elemento/el contenido de un elemento:
- Presione CTRL + C
- Seleccione "Copiar" en el menú Editar de su navegador
- Haga clic derecho para mostrar el menú contextual y seleccione el comando "Copiar".
Compatibilidad con navegador
| Event | |||||
|---|---|---|---|---|---|
| oncopy | Yes | Yes | Yes | Yes | Yes |
Nota: Es posible que el evento oncopy no funcione como se espera en algunos navegadores al intentar copiar una imagen (consulte "Más ejemplos" a continuación).
Sintaxis
En HTML:
<element oncopy="myScript">
En JavaScript:
object.oncopy = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("copy", 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 copiar algún texto de un elemento <p>:
<p oncopy="myFunction()">Try to copy this text</p>
Ejemplo
Ejecute un JavaScript al copiar una imagen:
<img src="w3schools.gif" oncopy="myFunction()">
páginas relacionadas
Referencia HTML DOM: evento onpaste
Referencia HTML DOM: evento oncut