El método event.isPropagationStopped() en jQuery se usa para verificar si el objeto event.stopPropagation() se llama o no. Si se llama a event.stopPropagation(), devuelve verdadero; de lo contrario, devuelve falso.
Sintaxis:
event.isPropagationStopped()
Parámetros: contiene un evento de parámetro único que es obligatorio. Este parámetro proviene de la función de vinculación de eventos.
Ejemplo 1: este ejemplo utiliza el método event.isPropagationStopped() para comprobar si se llama o no a event.stopPropagation().
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("button").click(function(event) {
event.stopPropagation();
alert("Is event.stopPropagation() called: "
+ event.isPropagationStopped());
});
});
</script>
</head>
<body>
<h1>
jQuery event.isPropagationStopped() Method
</h1>
<p>
click on button to check if the
event.stopPropagation() is called.
</p>
<button>Check</button>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: este ejemplo utiliza el método event.isPropagationStopped() para verificar si event.stopPropagation() se llama o no.
<!DOCTYPE html>
<html>
<head>
<title>
event.isPropagationStopped method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
</head>
<body>
<h1>
jQuery event.isPropagationStopped() Method
</h1>
<p>
click on button to check if the
event.stopPropagation() is called.
</p>
<button>Check</button>
<div id="GFG"></div>
<script>
function propStopped( event ) {
var msg = "";
if ( event.isPropagationStopped() ) {
msg = "True";
}
else {
msg = "False";
}
$( "#GFG" ).append( "<div>" + msg + "</div>" );
}
$( "button" ).click(function(event) {
propStopped( event );
propStopped( event );
event.stopPropagation();
propStopped( event );
});
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por AkshayGulati y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA