事件冒泡： 结构上，（非视觉上）嵌套关系的元素，会存在事件冒泡的功能，即同一事件，自子元素冒泡向父元素。（自底向上） 事件捕获： 结构上，（非视觉上）嵌套关系的元素，会存在事件捕获的功能，即同一事件，自父元素捕获向子元素。（自顶向下） IE没有捕获事件 触发顺序，先捕获，后冒泡 focus, blu ...
分类：
其他好文 时间：
2020-01-14 09:15:23
阅读次数：
78
JavaScript系列之事件冒泡机制 DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段，事件冒泡顺序是由内到外进行事件传播，事件冒泡是由IE开发团队提出来的，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播。 听了简介介绍 ...
分类：
编程语言 时间：
2020-01-12 11:48:49
阅读次数：
92
JS事件流模型 （一）JS中的事件流模型 1. 事件冒泡(fasle/不写)：当触发一个节点的事件是，会从当前节点开始，依次触发其祖先节点的同类型事件，直到DOM根节点。2. 事件捕获(true)：当初发一个节点的事件时，会从DOM根节点开始，依次触发其祖先节点的同类型事件，直到当前节点自身。3. ...
分类：
Web程序 时间：
2020-01-01 23:25:32
阅读次数：
106
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
其他好文 时间：
2019-12-28 20:51:50
阅读次数：
57
DOM需知晓的几个点： 1.DOM事件的基本概念：DOM事件的级别 2.DOM事件模型：指的就是捕获和冒泡 3.DOM事件流 4.DOM事件捕获的具体流程 5.Event对象的常见应用 1.事件级别： DOM标准定义的级别： DOM0： DOM0 跟事件相关的一个标准就是： js写法： elemen ...
分类：
其他好文 时间：
2019-12-24 23:26:31
阅读次数：
125
前端面试中只要问到事件，就肯定会有DOM事件；如果回答出来了，就会一直向下延申，其实这些东西都很简单，但我第一次被问到的时候，也是懵的； DOM事件级别： DOM0 element.onclick = function() { } DOM1 一般只有设计规范，没有设计跟事件相关的东西；所以直接跳过 ...
分类：
其他好文 时间：
2019-12-15 14:55:29
阅读次数：
99
7.事件深入 7.1.事件捕获 事件流分为事件冒泡和事件捕获两种，事件冒泡指事件从里往外传播，而事件捕获刚好相反，指事件从外向內传播 7.2.事件绑定形式总结 第一种写法，直接绑定在元素身上 第二种写法 对象.事件 = 事件处理函数 注意： 这种写法有个问题就是，如果同时绑定两个事件处理函数，后面的 ...
分类：
其他好文 时间：
2019-12-12 13:21:59
阅读次数：
90
第13章 事件 JavaScript与 HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。 一、事件流 事件流描述的是从页面中接收事件的顺序。 事件流分事件冒泡流、事件捕获流、DOM事件流，建议使用事件冒泡流。 二、事件处理程序 响应某个事件的函数就叫做事件处 ...
分类：
其他好文 时间：
2019-11-22 01:21:41
阅读次数：
76
事件修饰符：stop 阻止冒泡 prevent 阻止默认事件 capture 添加事件侦听器时使用事件捕获模式 self 只当时间在该元素本身（比如不是子元素）触发时触发回调 once 事件只触发一次 sopt： 如果没有没有设置阻止冒泡事件，子元素就会向父元素产生冒泡事件 添加stop后 prev ...
分类：
其他好文 时间：
2019-10-18 18:36:34
阅读次数：
92
一、事件修饰符1..stop: 等同于event.stopPropagation()122..prevent:等同于event.preventDefault()123..capture:使用事件捕获模式123...4..self:只当在 event.target 是当前元素自身时触发处理函数123.... ...
分类：
其他好文 时间：
2019-10-17 19:16:48
阅读次数：
104
