Ejemplo
Ejecutar un JavaScript cuando se copia un texto de un <input> elemento:
<input type="text"
oncopy="myFunction()" value="Try to copy this text">
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El evento oncopy se produce cuando el usuario copia el contenido de un elemento.
Consejo: El evento oncopy también ocurre cuando el usuario copia un elemento, por ejemplo, una imagen, creada con el <img> elemento.
Consejo: El evento oncopy se utiliza sobre todo en <input> elementos con type = "text".
Consejo: Hay tres maneras de copiar un elemento / el contenido de un elemento:
- Presione CTRL + C
- Seleccione "Copy" en el menú Edición en el navegador
- Haga clic derecho para mostrar el menú contextual y seleccione el "Copy" de comandos.
Soporte del navegador
Evento | |||||
---|---|---|---|---|---|
oncopy | Sí | Sí | Sí | Sí | Sí |
Nota: El evento oncopy puede no funcionar como se espera en algunos navegadores cuando se trata de copiar una imagen (See "More Examples" below) .
Sintaxis
En HTML:
En JavaScript:
object .oncopy=function(){ Inténtalo tú mismo "
En JavaScript, utilizando el addEventListener() método:
object .addEventListener("copy", 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 cuando se copia un texto de un <p> elemento:
<p oncopy="myFunction()">Try to copy this text</p>
Inténtalo tú mismo " Ejemplo
Ejecutar un JavaScript cuando se copia una imagen:
<img src="w3ii.gif" oncopy="myFunction()">
Inténtalo tú mismo " Páginas relacionadas
Referencia HTML DOM: caso onpaste
Referencia HTML DOM: caso oncut
de objeto de evento