Los eventos en JS están burbujeando de forma predeterminada y se propagan capa por capa. Puede detener la propagación de eventos en el nivel DOM a través de la función stopPropagation (). Como en el siguiente ejemplo:
Código HTML:
<! Doctype html> <html> <head> <meta charset = "utf-8"/> <title> stopPropagation ()-Utilizado por Qiongtai Blog </title> </head> <body> <botin> Button </boton> </body> </html> [/código] Sin pararpropagation () [código] var button = = = = = = = = = = = = = = = = = = = = = = = document.getElementsByTagName ('Button') [0]; Button.OnClick = Function (Event) {Alert ('Botton Click');}; document.body.Onclick = function (event) {alert ('Body Click');}El DOM se propaga la capa por capa, por lo que hacer clic en el botón también se extiende a la capa del cuerpo, por lo que el clic de la capa del cuerpo también responde. Como resultado, aparecen dos cajas de advertencia, a saber, botón y cuerpo.
Se agregó stopPropagation ()
var button = document.getElementsBytagName ('Button') [0]; Button.OnClick = Function (Event) {Alert ('Button Click'); // detiene el evento de propagación de la jerarquía de eventos DOM.stoppropagation ();}; document.body.Onclick = function (event) {alert ('Body Click');}La función stopPropagation () se usa en la función de manejo de eventos de clic del botón para detener la función de propagación de eventos, por lo que después de que aparece el evento de advertencia del evento de clic del botón, el cuerpo no se puede propagar, y el cuadro de advertencia del cuerpo no volverá a aparecer. Como resultado, el cuadro de advertencia solo se discute una vez.
Al escribir JS, muchos zapatos infantiles a menudo ignoran las características de los eventos DOM para extender la capa por capa, lo que resulta en anormalidades en el programa. Si necesita conocer un conocimiento más profundo, puede encontrar información sobre el burbujeo de los eventos JS.