Este atributo se activa cuando el usuario corta o elimina el contenido que ha estado presente en el elemento. Es un atributo de tipo booleano. Este atributo es compatible con todos los elementos HTML, pero es posible para ese elemento que tiene un atributo ContentEditable establecido en «verdadero».
Nota: Hay 3 formas de cortar el contenido de un elemento:
- Presione CTRL + X
- Seleccione «Cortar» en el menú Editar de su navegador
- Haga clic derecho y luego seleccione el comando «Cortar»
Sintaxis:
<element oncut = "script">
Atributo: este atributo es parte del atributo de evento y se puede usar en cualquier elemento HTML. El script se ejecutará cuando se llame al atributo oncut.
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>oncut attribute</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>oncut attribute in input element</h2>
<input type = "text" oncut = "Geeks()"
value = "GeeksForGeek: A computer science portal for Geeks">
<p id = "sudo"></p>
<script>
function Geeks() {
document.getElementById("sudo").innerHTML = "Cut the text!";
}
</script>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html>
<head>
<title>oncut attribute</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>oncut attribute in input element</h2>
<p contenteditable = "true" oncut = "Geeks()">
GeeksforGeeks: A computer science portal for geeks.</p>
<script>
function Geeks() {
alert("Cut the text!");
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo oncut se enumeran a continuación:
- Google Chrome
- explorador de Internet
- 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