DOM事件探秘篇

1.事件流

时间流--- 描述的是从页面中接受事件的顺序。

（1）事件冒泡流。

事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）。

（2）事件捕获流。

不太具体的节点应该更早接受到事件，而最具体的节点最后接受到事件。

2.JS事件探索

1.HTML事件处理程序 -- 直接写在html标签里面的js触发语句。

2.DOM0级事件处理程序。

把一个函数赋值给一个事件的处理程序属性，用的比较多的方法，简单，跨浏览器的优势。

3.DOM2级事件处理程序。

（1）用于处理制定和删除事件处理程序的操作。

addEventListener（处理的事件名，事件处理程序的函数，布尔值） removeEventListner（）。

4.IE事件处理程序。

attachEvent（事件处理程序的名称，事件处理程序的函数） detachEvent（）

不需要添加第三个参数：IE8以及更早的浏览器版本只支持事件冒泡。

var eventUtil = {
  addHandler：function(element，type，handler)｛
  if（element。addEventListener）｛
  element。addEventListener（type，handler，false）； 
  ｝else if（element。attachEvent）｛
   element。attachEvent（‘on' + type，handler）  ；
  ｝else｛
    element【‘on' + type】= handler；
  ｝
｝
   removeHandler：function（element，type，handler）｛
   if（element。removeEventListner）｛
   element。removeEventListner（type，handler）；
  ｝else if（element。detachEvent）｛
   element。detachEvent（‘on' + type，handler） ；
  ｝else｛
   element【‘on' + type】 = handler ； 
  ｝
｝
}

3.事件对象

在触发DOM上的事件时会产生一个对象，事件对象event。

（1）DOM中的事件对象。

1.type属性 用于获取事件类型。

2.target属性 用于获取事件目标。

3.stopPropagation（）方法  用于阻止事件冒泡。

4.preventDefault（）方法  阻止事件的默认行为。

（2）IE中的事件对象。

1.type属性 用于获取事件类型。

2.srcElement属性 用于获取事件的目标。

3.cancelBubble属性 用于阻止事件冒泡。 设置true 表示阻止冒泡   设置false 表示不阻止冒泡。

4.returnValue属性  用于阻止事件的默认行为。设置false表示阻止事件的默认行为。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！

# dom  # 事件  # DOM 事件的深入浅出（二）  # DOM 事件的深入浅出（一）  # 动态生成的DOM不会触发onclick事件的原因及解决方法  # 关于动态生成dom绑定事件失效的原因及解决方法  # JS中dom0级事件和dom2级事件的区别介绍  # DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)  # JQuery中DOM实现事件移除的方法  # JQuery为页面Dom元素绑定事件及解除绑定方法  # Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码  # DOM 中的事件处理介绍  # 更早  # 文档  # 不太  # 不需要  # 是从  # 第三个  # 比较多  # 写在  # 最深  # 最不  # 一个函数  # 布尔值  # JS 

相关文章： 如何配置支付宝与微信支付功能？  音乐网站服务器如何优化API响应速度？  外贸公司网站制作哪家好,maersk船公司官网？  如何选择高效稳定的ISP建站解决方案？  如何通过VPS建站实现广告与增值服务盈利？  网页设计与网站制作内容,怎样注册网站？  北京专业网站制作设计师招聘,北京白云观官方网站？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  如何通过智能用户系统一键生成高效建站方案？  宁波自助建站系统如何快速打造专业企业网站？  如何在建站之星网店版论坛获取技术支持？  全景视频制作网站有哪些,全景图怎么做成网页？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  建站为何优先选择香港服务器？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  C++如何编写函数模板？（泛型编程入门）  再谈Python中的字符串与字符编码（推荐）  建站主机是否等同于虚拟主机？  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  建站之星如何通过成品分离优化网站效率？  如何用AWS免费套餐快速搭建高效网站？  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  教学论文网站制作软件有哪些,写论文用什么软件 ？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  ,购物网站怎么盈利呢？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  定制建站流程解析：需求评估与SEO优化功能开发指南  宝塔建站后网页无法访问如何解决？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  免费视频制作网站,更新又快又好的免费电影网站？  如何用PHP快速搭建CMS系统？  如何通过虚拟主机快速完成网站搭建？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  Bpmn 2.0的XML文件怎么画流程图  网站制作说明怎么写,简述网页设计的流程并说明原因？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  建站之星×万网：智能建站系统+自助建站平台一键生成  深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  如何高效利用200m空间完成建站？  Swift中循环语句中的转移语句 break 和 continue  建站org新手必看：2024最新搭建流程与模板选择技巧  建站之星CMS建站配置指南：模板选择与SEO优化技巧  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  内部网站制作流程,如何建立公司内部网站？  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  如何在IIS中新建站点并配置端口与物理路径？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  如何选择适配移动端的WAP自助建站平台？