13问答网 > JAVASCRIPT中什么是捕捉事件和冒泡事件，请通俗（用代码）举例说明，怎样判断区别它们？编程时如何使用？

JAVASCRIPT中什么是捕捉事件和冒泡事件，请通俗（用代码）举例说明，怎样判断区别它们？编程时如何使用？

2025-02-26 14:40:21

推荐回答（3个）

回答1：

JS里面事件捕捉是在指定的事件发生时,给出处理的方法,比如说鼠标点击,移动等等,事件冒泡是指对象嵌套时,底层事件处理完以后是否向上层对象传递,比如说两个DIV嵌套,内层DIV的onclick事件发生后,如果允许冒泡,那么外层的onclick事件也会被响应,反之则不会,举个很简单的例子

上面的两个框:
点内外框之间,只有外框提示,
点击内框,内外框都有提示,
说明点内框的事件冒泡到了外框,两个事件被触发

下面的两个框:
点内外框之间,只有外框提示,
点击内框,只有内框都有提示,
说明点内框的事件没有冒泡到外框,只有一个事件被触发

阻止事件向上层冒泡,在事件处理方法里面加上event.cancelBubble=true;就可以了,
恢复冒泡,加上event.cancelBubble=false;
如果不写,默认是冒泡

回答2：

事件捕获是为了逐层确定事件的来源，例如：
从document-html-body-div,Code：document.getElementById("divid")
事件冒泡是为了逐级响应事件,例如：
从div-body-html-document,Code:

回答3：

百度一下，会有很多例子的