Este atributo se activa cuando el usuario copió el contenido presente en un elemento. El atributo oncopy se usa con elementos <img>, <input>, <p>, etc.
Sintaxis:
<element oncopy = "script">
Atributo: este atributo acepta que se ejecute un script de valor único cuando se realiza una llamada oncopy.
Nota: Hay 3 formas de copiar el contenido de un elemento:
- Presione CTRL + C para copiar un elemento.
- Seleccione «Copiar» en el menú de edición.
- Haga clic derecho para mostrar el menú contextual y seleccione el comando «Copiar»
Ejemplo 1:
<!DOCTYPE html> <html> <head> <title>oncopy attribute</title> <style> body { text-align:center; } h1 { color:green; } </style> </head> <body> <h1>GeeksForGeeks</h1> <h2>oncopy attribute</h2> <input type="text" oncopy="Geeks()" value="GeeksForGeeks"> <p id="sudo"></p> <script> function Geeks() { document.getElementById("sudo").innerHTML = "Copied box content" } </script> </body> </html>
Producción:
Ejemplo 2:
<!DOCTYPE html> <html> <head> <title>oncopy attribute</title> <style> body { text-align:center; } h1 { color:green; } </style> </head> <body> <h1>GeeksForGeeks</h1> <h2>oncopy attribute</h2> <p oncopy="Geeks()">GeeksforGeeks: A computer science portal for Geeks</p> <p id="sudo"></p> <script> function Geeks() { document.getElementById("sudo").innerHTML = "Copied Text" } </script> </body> </html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo de evento oncopy se enumeran a continuación:
- explorador de Internet
- Google Chrome
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA