html流动模型,javascript的事件流模型都有什么？

事件流：当你在页面触发一个点击事件后，页面上不仅仅有一个元素响应该事件而是多个元素响应同一个事件，因为元素是在容器中的。事件发生的顺序就是事件流，不同的浏览器对事件流的处理不同。

JavaScript中的事件流模型：

冒泡事件流：

当触发一个节点的事件时，会从当前节点开始，依次触发其祖先节点的同类型事件，直到DOM根节点。

捕获事件流：

当触发一个节点的事件时，会从DOM根节点开始，依次触发其祖先节点的同类型事件，

知道当前节点自身。

DOM事件流：

dom同时支持两种事件模型，但捕获性事件先开始，从document开始也结束于document，dom模型的独特之处在于文本也可以触发事件。

什么时候是事件冒泡？事件捕获？

当使用addEventListener绑定事件，第三个参数设为true时表示事件捕获，除此之外的所有事件均为事件冒泡。

阻止事件冒泡

①IE10之前，使用e.cancelBubble = true;

②IE10之后，使用 e.stopPropagation();function myParagraphEventHandler(e) {

e = e || window.event;

if (e.stopPropagation) {

e.stopPropagation(); //IE10之后

} else {

e.cancelBubble = true; //IE10之前 } }

阻止默认事件

①IE10之前：e.returnValue = false;

②IE10之后：e.stopPropagation();function eventHandler(e) {

e = e || window.event;

// 防止默认行为

if (e.preventDefault) {

e.preventDefault(); //IE10之外

}else { e.returnValue = false; //IE10之前 } }

html流动模型,javascript的事件流模型都有什么？相关推荐

JavaScript事件流模型
事件流捕获流捕获流最早由网景公司开发的浏览器使用,在如下结构中 <div> <button type='submit'></button> </div&g ...
javaScript事件（一）事件流
一.事件事件是文档或者浏览器窗口中发生的,特定的交互瞬间. 事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字. 事件是javaScript和DOM之间交 ...
JavaScript事件流
JS事件流 1. 什么是事件流 ? 2. 事件流模型 2.1) 事件冒泡 2.2) 事件捕获 3. DOM 事件流 1. 什么是事件流 ? 在学习事件流之前我们先看看什么是事件 ? 事件代表文档或浏览 ...
论文推荐 | 综述：自动驾驶背景下的交通流模型研究
导读题目:<Automated vehicle-involved traffic flow studies: A survey of assumptions, models, speculat ...
【追寻javascript高手之路05】理解事件流
前言新的一天又开始了,我们对今天对未来抱有很大期待,所以开始我们今天的学习吧,在此之前来点题外话,还是爱好问题. 周三的面试虽然失败,但是也是很有启迪的,比如之前我就从来没有想过爱好问题,我发现我的 ...
PanoSim仿真模型--交通流模型
5.2.1 正常交通流模型 PanoSim 内置仿真正常驾驶场景的随机交通,称之为正常交通流模型(或称之为随机交通模型).随机交通流模型的参数设置,请参看 4.2.1.3 Traffic Tools ...
Unity模型点击事件
模型点击事件监听触发模型点击事件的必要条件需要触发模型点击事件的模型身上必须要挂载Collider 组件方法一通过 OnMouseDown 函数监听(只能在PC端有效) 1.在Hierarch ...
第三天：js中的事件提高篇（事件流，事件对象，事件委托深层次理解）
目录前言一,基础部分 1.1 js监听并绑定事件 1.2 删除事件绑定二,事件流 2.1 事件流是什么 2.2 事件流模型 2.3 捕获与冒泡具体示例 2.3.1 addEventListene ...
运用事理图谱搞事情：新闻预警、事件监测、文本可视化、出行规划与历时事件流生成
目前,事理图谱在描述领域事件时空信息上具有独特性,这种逻辑图结构能够以一种直观的方式向我们展现出一个领域知识的链路信息.从学术的角度上来说,事理图谱与事件抽取.事件关系抽取.脚本学习.事件链生成.篇章 ...

html流动模型,javascript的事件流模型都有什么？

html流动模型,javascript的事件流模型都有什么？相关推荐

最新文章

热门文章