La propiedad de evento de burbujas se usa para devolver un valor booleano que indica si un evento es un evento burbujeante o no. El evento se activa si se establece un controlador de eventos para ese objeto; si no es así, el evento se propaga al padre del objeto. El evento burbujea hasta que alcanza el objeto del documento o se maneja .
¿Qué es el burbujeo de eventos? Considere una situación en la que un elemento está presente dentro de otro elemento y ambos manejan un evento. Cuando ocurre un evento, en el burbujeo, el elemento más interno maneja el evento primero, luego el externo, y así sucesivamente. Consulte esto para obtener más detalles.
Valor devuelto: la propiedad de evento de burbujas devuelve verdadero si el evento puede surgir a través del DOM; de lo contrario, devuelve falso .
Sintaxis:
event.bubbles
El siguiente programa ilustra la propiedad del evento de burbujas :
Ejemplo: Averiguar si un evento específico puede burbujear o no.
<!DOCTYPE html>
<html>
<head>
<title>bubbles Event Property in HTML</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>bubbles Event Property</h2>
<p>To check if the onclick event is
a bubbling event or not,
double click the "Check Event" button.
</p>
<button ondblclick="MyEvent(event)">
Check Event
</button>
<p id="test"></p>
<script>
function MyEvent(event) {
<!-- Check whether the event is bubbling or not. -->
var gfg = event.bubbles;
document.getElementById("test").innerHTML = gfg;
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- Ópera
- explorador de Internet
- Google Chrome
- Firefox
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA