文档章节

【知识点总结2】事件流

iNiL0119
 iNiL0119
发布于 2017/07/09 20:44
字数 177
阅读 8
收藏 0

1 事件流的区别 

IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件 

示例: 

<body> 

  <div> 

    <button>点击这里</button> 

  </div> 

</body> 

冒泡型事件模型: button->div->body (IE事件流) 

捕获型事件模型: body->div->button (Netscape事件流) 

DOM事件模型: body->div->button->button->div->body (先捕获后冒泡) 

2 事件侦听函数的区别 

IE使用: 

[Object].attachEvent("name_of_event_handler", fnHandler) //绑定函数 
[Object].detachEvent("name_of_event_handler", fnHandler) //移除绑定 

DOM使用: 

[Object].addEventListener("name_of_event", fnHandler, bCapture) //绑定函数 
[Object].removeEventListener("name_of_event", fnHandler, bCapture) //移除绑定 

bCapture参数用于设置事件绑定的阶段,true为捕获阶段,false为冒泡阶段。

© 著作权归作者所有

iNiL0119
粉丝 7
博文 90
码字总数 88887
作品 0
杭州
前端工程师
私信 提问
JavaScript中的捕获事件和冒泡事件

DOM中,如果对象触发事件流,将有两种方式决定对象执行事件的顺序:和。 下面这张图演示一个示例: 三层事件容器 一、先看看捕获事件 图中有三块点击区域,分别是单纯A区域 和A、B混合区域,...

BennyLoo
2017/11/09
0
0
JavaScript与HTML交互系列--事件流(冒泡、捕获、应用)和事件处理程序

事件流 当浏览器发展到第四代时(IE4及Netscape Communicator4),浏览器开发团队遇到了一个很有意思的问题:页面的哪一部分会拥有某个特定的事件?要明白这个问题问的是什么,可以想象画在一...

上古神鹏
06/27
0
0
Node.js之readline模块的使用

什么是readline readline允许从可读流中以逐行的方式读取数据,比如process.stdin等。 在node.js命令行模式下默认引入了readline模块,但如果是使用node.js运行脚本的话,则需要自己通过req...

jefferyE
03/25
0
0
通俗解释什么是响应式编程

响应式编程(Reactive Programming 或称反应式编程)是一种流行的编程方法,编写代码是基于对变化的反应。它的灵感来自于我们的日常生活,也即我们如何采取行动以及与他人沟通。 我们在执行日常...

angeChen
2017/12/14
0
0
事件冒泡、事件捕获、DOM0级事件处理程序、DOM2级事件处理程序

前言: 这篇文章起源于上次工作上的原因,在事件上出的,所以就抽空写出一篇,也便于自己以后查阅,如若有幸被您阅读的话,小妹备感荣幸,文章仅为个人理解,如果内容有误的还望海涵,在您时间...

Christine
2017/12/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
1K
12
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
32
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
30
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
44
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部