位置: 编程技术 - 正文

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

  • 车船税征税范围口诀
  • 一般纳税人销项税和进项税如何抵扣
  • 公司把股权转让给个人
  • 防伪开票系统技术维护费怎么做分录
  • 收银设备如何入账的
  • 股权转让1元转让
  • 调整上月的生产成本
  • 基金投资债券会赔吗
  • 退休后兼职收入需要交税吗
  • 费用类都有哪些账户
  • 生产成本明细科目是原材料的名称吗
  • 结转增值税的计算公式
  • 房地产公司的广告语
  • 免税农产品发票可以抵扣么
  • 红字发票做进项税额转出是做借方红字吗
  • linux 如何查看网卡信息
  • 如何结束excel
  • 企业收到的罚款收入属于什么科目
  • 瓶盖再来一瓶
  • 怎么获得win10纯净版
  • php foreach()
  • 贸易公司如何办理产地证
  • 继承房产印花税是按交易分额交吗
  • 转让居民企业的股权所得交企业所得税吗
  • 瓜纳华托大学世界排名
  • php读取文件
  • php调试函数
  • php发送post
  • 企业和银行未达账项
  • python调用cuda执行加法
  • runas命令详解
  • 帝国cms图片显示不了
  • 待抵扣进项税额是什么情况下用的
  • 企业盈利不交所得税的办法
  • python中删除字典里的空项目
  • 出口企业为什么免税又退税
  • 百旺连接服务器失败,是否使用离线文件进行更新
  • 海关票怎么做账
  • 小微企业报税是多久报一次
  • 清空表sql语句
  • Mysql获取当前年份
  • 一般纳税人进销不符怎么办
  • 福利费14%的规定
  • 跨年后发票作废
  • 行政单位维修管理制度
  • 增值税发票开负数怎么做账?
  • 库存商品太多
  • 企业无力支付票据时应计入
  • 苗木免税吗
  • 财政授权支付的概念
  • 城镇土地税需要计税吗
  • 百旺金赋服务费可以不交吗
  • 招标付款条件及比例
  • 明细分类账有哪三种
  • Select count(*)、Count(1)和Count(列)的区别及执行方式
  • linux在服务器领域的应用状况
  • 这张图告诉我们什么道理
  • macbookair numbers
  • centos8终端
  • wininfo.exe - wininfo是什么进程
  • win8共享文件
  • linux中安装软件可使用哪些方式
  • window10怎么升11
  • lnmp一键安装包 linux
  • win8自带软件哪些可以卸载
  • win10系统怎么关闭病毒防护
  • linux安装docker-compose
  • androidstudio调用so文件
  • 持久化存储数据的方式
  • css display none之后怎么显示回来
  • jquery layer
  • linux监控网络请求
  • tree 怎么用
  • jquery动态改变样式
  • python 技巧
  • 百旺税控密码忘记了怎么找回
  • 收购烟叶可抵扣进项税
  • 个人所得税如何申报详细流程
  • 个人所得税是哪种税率
  • 国税系统三方协议
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设