事件监听

我们了解一下上篇笔记中提到的事件的监听:
就拿捕获来举例
在这里插入图片描述
在页面上有某个元素被点击了,我们想知道它被点击了并且做出某些操作这个就叫做事件的监听,就比如我点击了P标签,但我想知道我点击了之后它和它的父级元素有没有关联,这个关联的过程是怎样的,我就在P标签和它的父级元素中添加了监听事件并让它们输出值。

事件的监听在W3C规范中定义了三个事件阶段,依次是捕获阶段,目标阶段,冒泡阶段,那为什么要定义呢?
在早期的web开发中,浏览器厂商很难回答一个哲学上的问题:当你在页面上的一个区域点击时,你真正想点的是哪个元素呢?这个问题带来了交互的定义。在一个元素的界限内点击,显得有点含糊。毕竟,在一个元素上的点击同时也发生在另一个元素的界限内。例如单击一个按钮,但你你实际上点击了按钮区域、body元素的区域以及html元素的区域。
伴随着这个问题,两种主流的浏览器Netscape(网景)和IE有不同的解决方案:
Netscape定义了事件捕获的处理方法。IE的处理方法截然相反,他们定义了的是事件冒泡的方法。
最后因兼容性问题W3C规范了两种事件的机制,就分为捕获阶段,目标阶段,冒泡阶段,在IE8之前IE一直用自己的事件机制,在IE9之后才支持了W3C的规范。

我的理解是点击P标签,首先会通过捕获来获取到我要点的目标,也就是P标签,然后再通过冒泡来返回到后台执行P标签的绑定事件。
再举个例子:我用力打桌子,我的会手痛,假如我手会痛是一个绑定事件,触发这个事件的条件是我用力打桌子。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值