位置: 编程技术 - 正文

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概述)

  • 个体工商户开劳务发票税率
  • 居民企业投资收益免征企业所得税
  • 卖旧书侵权吗
  • 运费增值税税率有5吗
  • 股东如何收回投资
  • 运输公司轮胎如何做会计分录
  • 税务局季度报表怎么做
  • 公司茶水间有什么
  • 一次性计提后的固定资产残值
  • 外贸企业出口退税账务处理
  • 企业所得税税率多少
  • 已交增值税如何做账
  • 车贷抵押金计入会计科目?
  • 个人所得税如何申报
  • 购买理财产品现金流量处理怎么做?
  • 非居民企业所得税
  • 收到投资担保公司的担保费发票的账务处理
  • 开出转账支票怎么入账
  • 低值易耗品是成本吗
  • 如何理解发票开具加税点的说法?
  • 个人定期存款利率怎么算
  • 独生子女费属于什么费用
  • 年所得12万以下还用年度申报吗
  • 增值税附加税什么情况交
  • 通讯费补贴要交税吗
  • 公立医院规章制度
  • 房地产开发企业需要缴纳哪些税
  • 企业的应付账款确实无法支付,经确认后转作
  • 一季度所得税费用怎么算
  • 设备改造时各项支出的会计处理?
  • 收到利息收入会计分录怎么写
  • 本月销项大于进项
  • 收到汇票怎么承兑
  • 交印花税会计分录怎么写
  • 累积带薪缺勤金额怎么算
  • ie浏览器阻止
  • php编写
  • rapapp.exe - rapapp是什么进程 有何作用
  • ccmexec.exe是什么程序
  • win10蓝牙无法连接可以尝试以下操作
  • uniapp使用高德地图创建多边形
  • 收到保险公司的赔款计入什么科目
  • php编程基本语法是什么
  • 在清算土地增值税销项时,允许扣除的土地价款包括哪些?
  • js let用法
  • php的运算符主要包括哪些?
  • 关税计入纳税总额么
  • bcdboot命令怎么用
  • 餐饮服务专票可以抵税吗
  • 承包安装工程活怎么接
  • 计提工会经费明细表
  • php首页
  • 固定资产入账及摊销方法
  • 借贷记账法的记账规则是
  • 什么情况下计入库存商品
  • 下列项目的进项税额可以从销售税额中抵扣的是
  • 无形资产入账价值错误怎么调
  • access参数查询怎么弄
  • 职工社会保险费是什么意思
  • 免抵退账务处理流程
  • 微信公众号注册时间在哪里看
  • 老板想提取销售怎么办
  • 员工差旅费会计分录
  • Mysql 5.6.37 winx64安装双版本mysql笔记记录
  • tcpdump的用法
  • 远程管理是什么意思
  • win7系统系统
  • windows7显示桌面的操作方法
  • linux磁盘结构
  • win7桌面快捷方式图标没箭头
  • 电脑自带win8是装win7还是win10
  • redhat linux yum
  • jQuery Real Person验证码插件防止表单自动提交
  • bash 数值比较
  • jquery日期选择器
  • 基于python语言的项目
  • 使用灭火器时要对准火焰的什么部位喷射
  • 上海附加税税率2023
  • 江苏优抚对象
  • 个人所得税年申报流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设