资讯专栏INFORMATION COLUMN

javascript事件 之 核心问答(持续更新)

BakerJ / 2127人阅读

摘要:事件捕获的用意在于事件到达预定目标之前捕获它。级事件流规定的事件流包括三个阶段事件捕获阶段处于目标阶段和冒泡阶段。首先发生的是事件捕获,为截获事件提供了机会。最后一个阶段是冒泡阶段,可以在这个阶段对事件作出响应。

一.基本概念:事件流是什么?有哪些事件流?
  

事件流描述页面接收事件的顺序

  

具体的有 事件冒泡 事件捕获 DOM事件流

事件冒泡又叫IE的事件流,即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档)。

事件捕获的思想是不太具体的节点应该更早的接收到事件,而最具体的节点应该在最后接收到节点。事件捕获的用意在于事件到达预定目标之前捕获它。

DOM2级事件流规定的事件流包括三个阶段事件捕获阶段处于目标阶段冒泡阶段。首先发生的是事件捕获,为截获事件提供了机会。然后是实际的目标接收到事件。最后一个阶段是冒泡阶段,可以在这个阶段对事件作出响应。以简单的HTML页面为例,单击

<

div>元素会按照下图顺序触发事件

二.浏览器支持的情况

IE8及更早的版本不支持DOM事件流

三.事件和事件处理程序的区别?

事件是用户或浏览器执行的动作,如 click
事件处理程序是响应某个事件的函数:如 onclick();也称为事件侦听器

四.事件处理程序分为哪几类?

1.html事件处理程序
2.DOM0级事件处理程序
3.DOM2级事件处理程序
4.IE事件处理程序
5.跨浏览器事件处理程序

  

html事件处理程序优点:简单,方便 缺点:javascript和html紧密耦合,不方便维护和修改
DOM0级事件处理程序:函数式编程,支持IE8以下
DOM2级事件处理程序:用addEventListener() 可以添加多个事件处理函数,即多个hander()

        
        
        
        
        

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85742.html

相关文章

  • 如何正确学习JavaScript

    摘要:然而,虽然先生对无所不知,被誉为世界的爱因斯坦,但他的语言精粹并不适合初学者学习。即便如此,在后面我还是会建议把当做补充的学习资源。但目前为止,依然是学习编程的好帮手。周正则表达式,对象,事件,阅读权威指南第,,,章。 既然你找到这篇文章来,说明你是真心想学好JavaScript的。你没有想错,当今如果要开发现代网站或web应用(包括互联网创业),都要学会JavaScript。而面对泛...

    canger 评论0 收藏0
  • 当你和天猫精灵对话时,它在想什么?阿里智能对话技术深度解读

    摘要:目前资讯播报时区限行历史上的今天单位换算油价日历等技能天猫精灵上线技能触发率,准确率即对话管理,是对话系统的关键部分,负责维护对话上下文,管理对话流程,保持对话过程的流畅。 术语对齐 TaskBot引擎: 核心处理对象是技能,我们把技能定义成结构化(query+content)、垂直场景化的任务,比如实时场景查询、工具类、控制类等QABot引擎: 包括KG-QA引擎、QAPair引擎、...

    时飞 评论0 收藏0
  • 当你和天猫精灵对话时,它在想什么?阿里智能对话技术深度解读

    摘要:目前资讯播报时区限行历史上的今天单位换算油价日历等技能天猫精灵上线技能触发率,准确率即对话管理,是对话系统的关键部分,负责维护对话上下文,管理对话流程,保持对话过程的流畅。 术语对齐 TaskBot引擎: 核心处理对象是技能,我们把技能定义成结构化(query+content)、垂直场景化的任务,比如实时场景查询、工具类、控制类等QABot引擎: 包括KG-QA引擎、QAPair引擎、...

    孙淑建 评论0 收藏0
  • ThinkJS 作者李成银:择善而从,笃行致远

    摘要:非常有幸邀请到李成银老师,进行一期图灵专访。具体工作中,技术能力可能只占了,软素质方面的能力却高达。大数据处理随着大数据处理越来越热门,很多项目都要在前端进行大数据处理和展现。提案可以大大提升在大数据处理方面的性能。 非商业转载请注明作译者、出处,并保留本文的原始链接:http://www.ituring.com.cn/article/260246 李成银,奇虎360前端技术专家,Th...

    alin 评论0 收藏0
  • Flink 全网最全资源(视频、博客、PPT、入门、实战、源码解析、问答持续更新

    摘要:由于配置流是从关系型数据库中读取,速度较慢,导致实时数据流流入数据的时候,配置信息还未发送,这样会导致有些实时数据读取不到配置信息。从数据库中解析出来,再去统计近两周占比。 showImg(https://segmentfault.com/img/remote/1460000019367651); Flink 学习项目代码 https://github.com/zhisheng17/f...

    Dr_Noooo 评论0 收藏0

发表评论

0条评论

BakerJ

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<