目录web前端全系列 教程
1839个小节阅读：2244.3k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本，未来主流的版本
人工智能 教程
顺势而为，AI创新未来
大厂算法 教程
算法，程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
事件流描述的是从页面中接受事件的顺序，但有意思的是，微软（IE）和网景（Netscape）开发团队居然提出了两个截然相反的事件流概念，IE的事件流是事件冒泡流(event bubbling)，而Netscape的事件流是事件捕获流(event capturing)
IE提出的事件流叫做事件冒泡，即事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点
xxxxxxxxxx<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body onclick="bodyClick()">
<div onclick="divClick()"> <button onclick="btn()"> <p onclick="p()">点击冒泡</p> </button> </div> <script> function p(){ console.log('p标签被点击') } function btn(){ console.log("button被点击") } function divClick(event){ console.log('div被点击'); } function bodyClick(){ console.log('body被点击') } </script></body></html>事件捕获流的思想是不太具体的DOM节点应该更早接收到事件，而最具体的节点应该最后接收到事件
xxxxxxxxxx<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div> <button> <p>点击捕获</p> </button></div><script> var oP=document.querySelector('p'); var oB=document.querySelector('button'); var oD=document.querySelector('div'); var oBody=document.querySelector('body'); oP.addEventListener('click',function(){ console.log('p标签被点击') },true); oB.addEventListener('click',function(){ console.log("button被点击") },true); oD.addEventListener('click', function(){ console.log('div被点击') },true); oBody.addEventListener('click',function(){ console.log('body被点击') },true);</script></body></html>实时效果反馈
1. 下列代码中，关于事件流描述不正确的是：
A 事件流描述的是从页面中接受事件的顺序
B 事件捕获流从不太具体的DOM节点先接收到事件，最具体的节点应该最后接收到事件
C 事件冒泡，即事件开始时由最不具体的元素接收，然后逐级向下传播到较为具体的节点
D 事件冒泡，即事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点
答案
1=>C