前端面试题详解——JavaScript事件流模型=>事件冒泡和事件捕获(个人学习)

JavaScript事件流模型=> “DOM 事件流”:三个阶段:事件捕捉,目标阶段,事件冒泡


前言

事件冒泡,事件捕获


一、什么是事件?

事件是文档和浏览器窗口中发生的特定交互瞬间。

  • 事件是javascript应用跳动的心脏,也是所有东西黏在一起的胶水,当我们与浏览器中web页面进行某些类型的交互时,事件就发生了。
  • 事件可能是用户在某些内容上的点击,鼠标经过某个特定元素或按下键盘上的某些按键,事件还可能是web浏览器中发生的事情,比如说某个web页面加载完成,或者是用户滚动窗口或改变窗口大小。

二、什么的是事件流

1.事件流描述的是从页面中接受事件的顺序


2.事件冒泡和事件捕获的概念:

事件冒泡和事件捕获是描述事件触发事件时顺序问题的术语。
  • 事件捕获指的是从document到触发事件的那个节点,自上而下,从最不具体的节点先接收事件,最具体的节点最后接收事件。
  • 事件冒泡:自下而上去触发事件,由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点。
  • true为事件捕获,false为事件冒泡,jquery的e.stopPropagation会阻止冒泡(意思就是到我为止,我的爹和祖宗的事件就不要触发了)

事件冒泡

自下而上去触发事件,由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点。
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content=
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值