Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么document.body.addEventListener事件在document.addEventListener之前运行?_Javascript - Fatal编程技术网

Javascript 为什么document.body.addEventListener事件在document.addEventListener之前运行?

Javascript 为什么document.body.addEventListener事件在document.addEventListener之前运行?,javascript,Javascript,当我运行这段代码时,为什么首先触发.body事件 document.addEventListener“单击”函数{ console.log“文档被点击”; }; document.body.addEventListener'click'函数{ console.log“单击了文档体”; }; 它跑得不是更快,而是更快 事件从您单击的元素冒泡,直到到达触发主体上事件侦听器的主体,然后继续冒泡,直到到达触发该主体上事件侦听器的文档 有关更多详细信息、图表以及如何在捕获阶段捕获事件,请参阅。它运行得不

当我运行这段代码时,为什么首先触发.body事件

document.addEventListener“单击”函数{ console.log“文档被点击”; }; document.body.addEventListener'click'函数{ console.log“单击了文档体”; }; 它跑得不是更快,而是更快

事件从您单击的元素冒泡,直到到达触发主体上事件侦听器的主体,然后继续冒泡,直到到达触发该主体上事件侦听器的文档

有关更多详细信息、图表以及如何在捕获阶段捕获事件,请参阅。

它运行得不是更快,而是更快

事件从您单击的元素冒泡,直到到达触发主体上事件侦听器的主体,然后继续冒泡,直到到达触发该主体上事件侦听器的文档


有关更多详细信息,请参见图表,以及如何在捕获阶段捕获事件。

原因很简单,因为它们都将被气泡阶段激活,因此从下到上运行,因此body.listener将首先工作,然后是文档。listener

原因很简单,因为它们都将被气泡阶段激活,因此body.listener将从下到上运行将首先工作,然后是document.listener

因为在DOM继承人制度中,主体比此处的documentRead更接近单击->因为在DOM继承人制度中,主体比此处的documentRead更接近单击->谢谢我经历了冒泡,但似乎我没有很好地抓住它。但我现在明白了,谢谢你,我已经经历了一段时间了,但似乎我没有很好地理解它。但我现在明白了