El evento HTML DOM oncut ocurre cuando el usuario corta el contenido de un elemento. El evento oncut se usa principalmente en elementos con type=”text” .
Etiquetas admitidas
- Es compatible con todos los elementos HTML.
Sintaxis:
En HTML:
<element oncut="myScript">
En JavaScript:
object.oncut = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("cut", myScript);
Nota: Hay tres formas de cortar el contenido de un elemento:
- Presione CTRL + X
- Seleccione «Cortar» en el menú Editar de su navegador
- Haga clic derecho para mostrar el menú contextual y seleccione el comando «Cortar»
Ejemplo 1: uso de HTML
html
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM oncut Event</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM oncut Event</h2>
<input type="text"
oncut="myFunction()"
value="Cut the text">
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById(
"demo").innerHTML = "Done";
}
</script>
</center>
</body>
</html>
Salida:
Antes:
Después:
Ejemplo 2: Uso de JavaScript
html
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM oncut Event</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM oncut Event</h2>
<input type="text"
id="myInput"
value="Cut the text">
<script>
document.getElementById("myInput").oncut = function() {
GFGfun()
};
function GFGfun() {
alert("Done");
}
</script>
</center>
</body>
</html>
Salida:
Antes:
Después:
Ejemplo 3: en JavaScript, usando el método addEventListener():
html
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM oncut Event</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>HTML DOM oncut Event</h2>
<input type="text"
id="myInput"
value="Cut the text">
<script>
document.getElementById(
"myInput").addEventListener(
"cut", GFGfun);
function GFGfun() {
alert("Done");
}
</script>
</center>
</body>
</html>
Salida:
Antes:
Después:
Navegadores compatibles: los navegadores compatibles con HTML DOM oncut Event se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA