事件捕获

最新推荐文章于 2021-09-26 15:43:36 发布
最新推荐文章于 2021-09-26 15:43:36 发布
阅读量115 收藏 1
点赞数
分类专栏： JS 文章标签： js javascript 事件流 事件捕获
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuiluodeyun88/article/details/52839368
版权

1.什么叫事件捕获？

Netscape Communicator团队提出的另一种事件流叫做事件捕获。事件捕获的思想是不太具体的节点应该更早的接收到事件，而更具体的节点应该最后接收到事件。

2.例：

<body onlick="alert(body)">

<div id="div0" οnclick="alert(div0)">

<div id="div1" οnclick="alert(div1)">

<div id="div2" οnclick="alert(div2)"></div>

</div>

</div>

</body>

单击div2会以如下顺序触发click事件：

(1)body

(2)div0

(3)div1

(4)div2

IE9、safari、chrome、opera和firefox都支持这种事件流模型

zhuiluodeyun88
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
事件冒泡和事件捕获
LW0512的博客
10-03 245
事件冒泡和事件捕获 事件有三个阶段:      1.事件捕获阶段 :从外向内      2.事件目标阶段 :最开始选择的那个      3.事件冒泡阶段 : 从里向外 事件冒泡 多个元素嵌套,有层次关系,这些元素都注册了相同的事件,如果里面的元素的事件触发了,外面的元素的该事件自动的触发了 从里到外 事件捕获:从外往里. 绑定事件: addEventListener(事件类型,事件
笔记-事件的捕获和冒泡
最新发布
零正催照
01-04 441
浏览器设计了这样一个事件模型：当你点击一个按钮时，事件从最外层的window，一层层的往下传播，直到这个按钮，这个过程称为捕获。当你点击页面上的一个按钮，你可以说你点击了按钮，但也可以说，你点击了包着它的div，你点击了这个页面，甚至你点击了window，你都挑不出毛病来，因为确实如此。在事件传播U型的任何一个钩子上，我们都可以阻止事件的继续传播，只需要调用：e.stopPropagation()，事件就不会再继续传播。事件传播的过程，来的路上都是捕获阶段，到达了目标节点是目标阶段，去的路上都是冒泡阶段。
事件捕获与事件冒泡
qq_45954445的博客
09-26 1399
一、事件捕获 1.什么是事件捕获？ 当事件发生在DOM元素上时，该事件不完全发生在那个元素上。在捕获阶段，事件从window开始，一直到触发事件的元素。window----> document----> html----> body ---->目标元素 假设有如下的 HTML 结构： <div class="grandparent"> <div class="parent"> <div class="child">1</d
理解事件捕获和事件冒泡
Hey firefly
04-03 6341
参考资料浅谈事件冒泡与事件捕获 一年前刚开始接触JavaScript的时候就看过有关事件冒泡和事件捕获的文章，但是当时只是看过了就是看过了，没有自己实际的实践，并没有什么自己的理解在里面，属于转眼就忘的那种状态，这段时间由于参加百度的ife前端培训，做到js方面的任务时，决定仔细的学习一下时间捕获和事件冒泡，所以就有了今天这篇文章。 ps：其实前两天就想写了，但无奈图书馆的网一直连不上，只好推到
事件捕获/事件捕获
千寻的博客
09-07 661
冒泡型事件的基本思想是、事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 [html] view plain copy html>       head>           title>title>       head>       body onclick="theClick()">           div on
事件的捕获
Vivian_shuang的博客
07-13 286
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> style type="text/css"> .wrap{ width: 200px; height: 200px; background-color: palegreen; } style> head> body> div class=
javascript 中事件冒泡和事件捕获机制的详解
01-19
javascript 中事件冒泡和事件捕获机制的详解 二者作用：描述事件触发时序问题 事件捕获：从document到触发事件的那个节点，即自上而下的去触发事件—由外到内 事件冒泡：自下而上的去触发事件—由内到外 绑定事件...
JS中绑定事件顺序（事件冒泡与事件捕获区别）
10-20
JavaScript中的事件处理机制是网页交互的核心，其中包括了两种主要的事件传播模式：事件冒泡（Bubbling）和事件捕获（Cropping）。事件冒泡是指事件从最深的节点开始，然后逐级向上传播到最外层的节点。而事件捕获则...
事件冒泡与事件捕获
01-20
在JavaScript的事件处理中，事件冒泡和事件捕获是两个关键的概念，它们定义了事件在DOM（文档对象模型）中的传播方式。事件通常由用户交互触发，如点击按钮、鼠标移动等，当这些事件发生时，它们会在元素及其祖先...
js之事件冒泡，事件捕获，事件委托
01-08
事件冒泡、事件捕获和事件委托是JavaScript事件模型中的三个重要概念。 首先，事件捕获是一种事件处理机制，它从DOM树的根节点（window对象）开始，向下遍历到目标元素。这种机制使得事件首先在最不具体的节点（即...
捕获事件
u011607271的专栏
08-30 617
你可能注意到了：如果编译并运行了前面的applet，当按下按钮的时候，什么也没发生。 现在就是应该深入进来，编写一些代码以决定发生什么动作的时候了。事件驱动编程（包 含了许多关于GUI的内容）的主要内容，就是把事件同处理事件的代码相关联起来。 在Swing中，这种关联的方式就是通过把接口（图形组件）和实现（当和组件相关的事件 发生时，你要执行的代码）清楚地分离而实现的。每个Swin
js 事件捕获
weixin_42448623的博客
10-26 562
html结构上(非视觉上)嵌套关系的元素，会存在事件捕获的功能，即同一事件，自父元素冒捕获至子元素（事件源）（自顶向下） IE 没有捕获事件 和事件冒泡相反 冒泡案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo...
事件捕获（快速理解）
bxz0729的博客
11-23 6766
先看一个例子 点击box2结果如下： 是不是很疑惑，自己明明点击的是box2，打印的数据却是“点击box1 点击box2”？？？？其实这就是事件捕获。 事件捕获 从最不具体的元素到最具体的元素（由外向内） 在捕获的过程中，最外层（根）元素的事件先被触发，然后依次向内执行，直到触发最里面的元素（事件源） 事件监听：addEventListener('事件', function(){ }, flase/true)； 用于监听某个事件，当监听到这个事件时去执行某个方法 addEvent..
事件捕获/事件冒泡（望远镜第13章好好看一看）
wennianzhu的博客
09-07 102
首先，如果一个dom元素中，既有冒泡（目标元素 -> 父元素 -> body -> html -> document -> window），又有捕获，W3C规定了任何发生在W3C事件模型中的事件，首先是进入捕获阶段，直接达到目标元素，再进入冒泡阶段。 回顾一下target.addEventListener(event,function,useCapture) event（必须）指定事件名（注意不要使用”on”前缀，例如使用”click”而不是使用”onclick”） func.
vue 事件冒泡事件捕获
08-25
在Vue中，事件冒泡和事件捕获与原生的事件冒泡和事件捕获机制相类似。事件冒泡指的是当一个元素触发了某个事件时，事件会从当前元素开始逐级向上冒泡，直到达到根元素（通常是document对象）为止。换句话说，事件会...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值