美文网首页
DOM 事件监听

DOM 事件监听

作者: YOJIN | 来源:发表于2018-08-16 20:53 被阅读0次

1. dom level 1 : 有两个版本

image.png

2. dom level 2 出现event

image.png

3. dom 版本

dom 4 在草案中,主要版本是 dom 3 ,event内容集中在 dom 2

4. onclick

image.png

所以 onclick 要慎用;

5. addEventListener

image.png
image.png
image.png

因为是队列,是数组,所以不是一条一条执行,数组完毕才开始执行代码;

6. 事件监听

主要是事件的执行顺序,分为捕获阶段与冒泡阶段;

True 顺序:上往下,外到里(捕获阶段);
False 顺序:下往上,里到外(冒泡阶段);
优先读取 true 方向,但默认 false 方向,所以添加 true 可改变方向;

处于单个阶段为简单情况,包含两个阶段的为复杂情况;

image.png

重点: 如果在同一层,既出现捕获阶段又出现冒泡阶段,则以代码顺序决定监听顺序;

相关文章

  • Javascript 高级(二)

    DOM简单学习: 事件简单学习 BOM: DOM: 事件监听机制:

  • DOM事件

    1. DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0事件监听:Dom0级事件处理程序是将一个...

  • 事件

    DOM0级和DOM2级在事件监听使用方式上有什么区别? DOM0级事件监听:用JavaScript指定事件处理程序...

  • 0121事件

    题目1: DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0事件监听方式: 内联方式,与CSS内...

  • 进阶9-事件

    题目1: DOM0 事件和DOM2级在事件监听使用方式上有什么区别? -DOM0事件监听及使用的本质是将事件处理程...

  • 事件

    1.DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0事件有两种事件监听方式HTML内联方式 J...

  • 事件绑定的方式

    嵌入DOM 直接绑定 事件监听

  • 事件

    1. DOM0 事件和DOM2级在事件监听使用方式上有什么区别? 监听阶段不一样。DOM0级事件的过程:捕获-事件...

  • 进阶任务九

    1. DOM0 事件和DOM2级在事件监听使用方式上有什么区别? 监听阶段不一样。DOM0级事件的过程:捕获-事件...

  • Day10--DOM&BOM

    DOM简单学习:为了满足案例要求 事件简单学习 BOM DOM 事件监听机制

网友评论

      本文标题:DOM 事件监听

      本文链接:https://www.haomeiwen.com/subject/hnaobftx.html