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