位置: 编程技术 - 正文

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

  • 进项认证以后如何开具红字信息表
  • 固定总价合同中,承包人承担的价格风险
  • 代扣代缴增值税怎么做账
  • 手撕定额发票不是免税怎么还报税
  • 处置子公司全部股权会计处理 企业会计准则
  • 成本会计实训要求
  • 销售大型设备的税率
  • 招拍挂方式取得土地,应该取得土地后立项
  • 合同印花税用不用计提
  • 转出未交增值税和转出多交增值税
  • 企业有哪些行为
  • 现金比率计算公式含义
  • 金税盘付费
  • 以股权投资入股放高利贷违法吗
  • 认缴制下实缴资本流程
  • 属于制造费用的有
  • 开办费转入管理费用分录
  • 公司使用个人车辆费用是多少
  • 上月未申报纳税补申报怎么做不会有罚款吗?
  • 出口业务增值税免抵税额
  • 业务招待费业务宣传费
  • 委托加工费的增值税计入成本吗
  • 多交税款退税怎么做账
  • 研发费用如何界定
  • 个独企业如何拿钱
  • 代购工作室合法吗
  • 应交税费有余额怎么结转
  • 生产成本的工料有哪些
  • 增值税小规模纳税人优惠政策
  • 营改增建筑业
  • 关于linux说法错误的是
  • 借款人约定分期还款中途可以起诉吗
  • 购进的包装物怎么入库
  • PHP:stream_socket_pair()的用法_Stream函数
  • PHP:pg_close()的用法_PostgreSQL函数
  • php编程技术
  • 固定资产加速折旧方法
  • 腾讯产品面经
  • 应交税费转出会计分录
  • sql2005安装不上
  • 普通收据能入账嘛
  • 暂估入库成本需要冲销吗
  • 印花税怎么交,在哪里交
  • sql脚本语言怎么写
  • sqlserver数据库作业
  • 研发辅助账汇总表
  • 交强险还要交车船税?
  • 管理费用如何填列
  • 财产租赁合同印花税双方都要交吗
  • 股权转让母子关系是否缴纳个人所得税
  • mysql的存储引擎有哪些,区别是什么
  • 加计抵减与加计抵消区别
  • 客户给我们的罚款怎么查
  • 员工工伤申请流程
  • 新成立的公司能干吗
  • 社保金额不对到不了账
  • 投资性房地产折旧和摊销的区别
  • 计提本月工资会计怎么做账
  • 企业代扣的个人所得税款收入属于哪个会计科目
  • 关于其他应付款的问题
  • 受托开发软件一般做什么
  • 长期股权投资利润调整加折旧
  • 新准则建筑业会计核算
  • 农民工工资专户怎么发放工资
  • 有形资产负债率多少合适
  • 临时工工资怎么入账合法吗
  • mysql自动停止的解决办法
  • freebsd常用命令
  • windows7里剪切小剪刀在哪里
  • win8磁盘占用率100%如何解决
  • Linux下OpenVPN配置静态密钥(static-key)验证教程
  • 围绕摄像机旋转怎么设置
  • python2.7安装numpy
  • mysql如何将查询结果输出到文件
  • etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
  • nodejs socket框架
  • 怎么用js实现滑动效果
  • eclipse怎么连接derby数据库
  • 国家税务总局增值税发票查验平台官网
  • 工会经费计税依据工资总额包括什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设