Os eventos em JS são borbulhando por padrão e são propagados por camada por camada. Você pode interromper a propagação de eventos no nível DOM por meio da função StopPropagation (). Como no exemplo seguinte:
Código HTML:
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>stopPropagation()-Used by Qiongtai Blog</title></head><body><button>button</button></body></html>[/code] No stopPropagation()[code]var button = document.getElementsByTagName ('Button') [0]; Button.OnClick = function (Event) {alert ('Button Click');}; document.body.OnClick = function (Event) {alert ('Body Click');}O DOM propaga a camada para cima por camada, portanto, clicar no botão também se espalha para a camada do corpo, para que o clique da camada do corpo também responda. Como resultado, duas caixas de aviso aparecem, a saber, botão e corpo.
Adicionado StopPropagation ()
var Button = document.getElementsByTagName ('Button') [0]; Button.OnClick = function (Event) {alert ('Button Click'); // Stop the Dom Event Hierarchy Propagation Event.stopPropagation ();}; document.body.OnClick = function (Event) {alert ('Body Click');}A função stopPropagation () é usada na função de manuseio de eventos de clique do botão para interromper a função de propagação do evento; portanto, após a caixa de aviso do evento de clique do botão aparecer, o corpo não pode ser propagado e a caixa de aviso do corpo não aparecerá novamente. Como resultado, a caixa de aviso é discutida apenas uma vez.
Ao escrever JS, muitas crianças infantis geralmente ignoram as características dos eventos DOM que espalham a camada por camada, resultando em anormalidades no programa. Se você precisar saber mais conhecimento profundo, poderá encontrar informações sobre a borbulha dos eventos JS.