位置: 编程技术 - 正文

DOM 事件流详解(dom事件模型由什么组成)

编辑:rootadmin

推荐整理分享DOM 事件流详解(dom事件模型由什么组成),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:dom事件模型由什么组成,dom事件模型,dom事件流和事件委托,dom事件模型,dom事件模型,dom的事件流,dom事件流三个阶段顺序,dom事件流包括哪些阶段,内容如对您有帮助,希望把文章链接给更多的朋友!

1.冒泡型事件

浏览器的事件模型分两种:捕获型事件和冒泡型事件。由于ie不支持捕获型事件,所以以下主要以冒泡型事件作为讲解。(dubbed bubbling)冒泡型指事件安装最特定的事件到最不特定的事件逐一触发。

以上三个函数都添加了onclick函数,单机p元素后三个函数都触发,先执行了p元素,再执行了div,最后执行了body

这这里顺便提醒下捕获型事件,它的顺序正好和冒泡型事件相反。

2.事件监听

一个事件都需要函数来响应,这类函数通常称为事件处理函数(enent handler),从另外一个角度看,这些函数都在实时监听着是否有事件发生,通常称为事件监听函数(enevt listener),事件监听函数对于不同的浏览器区别较大。

i.通用监听方法,比如使用onclick方法,几乎每个标签都支持此方法。而且浏览器兼容性都很高考虑到行为,事件分离。一般使用使用以下方式进行监听

以上介绍的两者方法都十分便捷,在制作处理一些小功能时都被光大开发者所喜爱。但对于同一个事件。他们都只能添加一个函数,列如对于p标记的onclick函数,利用这两种方法都只能有一个函数,因此,ie有自己的解决办法,同事,标准的dom则规定了另外一种方法。

DOM 事件流详解(dom事件模型由什么组成)

ii.IE中的监听方法早ie浏览器中,每个元素都有两个方法来处理时间的监听。分别是attachEvent()和detachEnevt()。从它们的函数名称就能看出来,attachEnevt()是用来给某个元素添加事件处理的函数,而detachEvent()则是用来删除元素上的监听函数。它们的语法如下:

[object].attachEvent("enevt_handler","fnHandler");[object].detachEvent("enevt_handler","fnHandler");其中enevt_handler代表常用的onclick , onload, onmouseover等fnHandler是监听函数的名称。上一节事件中可以使用attachEvent()方法替代添加监听函数,当单击了一下,可以使用detachEvent()删除监听函数,使其下次单击后再不执行。

iii.添加多个监听事件(ie)

3.标准DOM事件监听

与ie的两个方法对于,标准DOM也使用两个方法分别添加和删除监听函数。即addEventListener(),和removeEventListener()

与ie不同,这两个函数接受3个参数,即事件的名称,要分配的函数名和是用于冒泡阶段还是捕获阶段。捕获阶段的参数为true,冒泡阶段参数为false.语法如下:

这两个函数的使用方法和ie基本类似,只不过要注意,event_name的名称是“click”,“mouseover”等,而不是Ie中的“onclick”,“onmouseover”。

另外第三个参数bCapture通常设置为false,冒泡阶段。

标准dom的事件监听方法:

具体的执行顺序大家可测试。

标签: dom事件模型由什么组成

本文链接地址:https://www.jiuchutong.com/biancheng/383872.html 转载请保留说明!

上一篇:DOM基础教程之使用DOM + Css(dom操作的方法有哪些)

下一篇:JavaScript 基本概念(javascript概述)

  • 普票和增值税发票的区别
  • 怎么根据实发工资算应发工资
  • 工会经费计税
  • 核定征收需要什么条件和手续
  • 企业所得税申报表在哪里查询
  • 增值税主表填报说明
  • 免费更换配件如何做账
  • 企业合并的被合并方会计分录
  • 自建厂房可以不办理房产证吗
  • 建安企业无收入怎么结转成本?
  • 变电站是否缴纳房产税
  • 行业协会需要办理税务登记证吗
  • 违约金 罚款
  • 小规模纳税人没有成本票怎么做账
  • 实收资本与账簿不一致
  • 利息可以开专票
  • 主营业务收入是营业收入吗
  • 报税报错了怎么办?
  • 教育培训行业怎么办
  • 报销差旅费抵扣进项税分录
  • 往年个税申报数据查询
  • 研发费用归集会计分录
  • windows10更新怎么办
  • 增值税中的视同销售区分为几种情况?
  • win10蓝屏怎么弄
  • 增值税进项税转出什么意思
  • 免抵退税务处理
  • 期间费用计入什么科目
  • 工作组只能看到自己
  • Linux下使用quota命令管理磁盘空间的实例教程
  • 银行罚息可不可以扣除
  • 蒙特利尔 攻略
  • 项目资本金现金流量表现金流入
  • 轻资产并购
  • 第二季度所得税怎么算
  • 视频监控接入方式有哪几种
  • 【K210】K210学习笔记七——使用K210拍摄照片并在MaixHub上进行训练
  • apache php mysql开发环境安装教程
  • 结算业务书汇票怎么写
  • 个税专项附加扣除金额
  • sql server 排名函数
  • db2profile
  • 党费会计核算科目有哪些
  • 电子承兑汇票到期后多少天能兑现
  • 债务重组损失计入什么科目2020
  • 公司抽奖奖品设置
  • 材料盘盈如何入账
  • 发票金额大于实际报销怎么做账
  • 工会经费计算公式的例子
  • 上月暂估本月怎么冲销
  • 利息支出税前扣除的规定
  • 子公司向母公司借钱
  • 客户要扣货款太多怎么处理
  • 租赁写字楼的需求有哪些
  • 收款收据可以入账吗
  • 明细账的设置与登记
  • sql的常用函数
  • sql触发器语句
  • mysql 绿色
  • macair蓝牙用不了
  • win7 64位系统无法清空回收站的故障原因及解决方法
  • win7系统垃圾手动清理
  • 一键快速关机下载手机版
  • Linux利用sftp命令传输文件(极少数人知道的方法)
  • 新闻客户端有哪些?
  • HttpURLConnection连接 详解
  • 腾讯im sdk
  • 相片管理必备知识
  • 语音单词怎么读
  • qq自动登出
  • 运算符优先级由高到低的顺序
  • angular.js
  • android入门视频教程
  • Unity3D游戏开发(第2版)
  • 如何用jquery
  • javascript for in
  • 12366纳税服务热线工作时间
  • 税务局分局局长是什么级别干部
  • 现在买新车都需要交什么费用
  • 消费税记不记入成本
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设