博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
事件流
阅读量:6709 次
发布时间:2019-06-25

本文共 949 字,大约阅读时间需要 3 分钟。

 

事件冒泡

  • 一般现在浏览器都支持
  • 从最里面的对象触发到最外面的对象。
  • 一般传到document,但ie5.5从<body>跳过<html>到document;ie9、chrome,firefox等会冒泡到window对象

事件捕获

  • netecape唯一支持,但ie9、chrome,firefox,opera等目前也支持。
  • 尽管”dom2级事件“规范要求从document对象开始传播,但这些浏览器都从window对象开始传播
  • 很少用事件捕获,放心用事件冒泡吧~

dom事件流

  • “dom2级事件” 包括三个阶段,事件捕获,处于目标,事件冒泡
  • 这意味着ie9、chrome,firefox,opera等有两次机会再目标对象上操作事件
  • ie9、chrome,firefox,opera支持dom世家牛,ie8及之前的不可以

事件处理程序

  • onclick是dom0级事件处理程序
  • addEventListener和addEvent是dom2级事件处理程序,所以addEventListener会有一个boolean值让你选择冒泡或者捕获
  • ie9、chrome,firefox,opera等都支持dom2级事件处理程序

  但是这个兼容好像并不是特别好

  

    

 

      

//chrome true->'BODY','BUTTON' /false ->'BUTTON','BODY'//IE9 true/false ->'BODY'//IE8 报错document.getElementById("body").addEventListener('click',function(e) {    alert(this.nodeName);},false);
document.getElementById("body").attachEvent('onclick', function(e) {            alert(this.nodeType);   //ie几下都是弹一次underfined        });

 

还可以多研究一下

 

转载于:https://www.cnblogs.com/cjy1993/p/3928929.html

你可能感兴趣的文章
追女生送什么礼物好,要大全啊大全啊!
查看>>
uva-11205-枚举子集
查看>>
下载软件的网站
查看>>
js中的bind方法和函数中成员
查看>>
SpringMVC的学习
查看>>
【Todo】深入PHP内核系列
查看>>
hdu 4664 Triangulation(题意已在讨论版中说明)
查看>>
二叉树
查看>>
css3-11 如何改变背景图片的大小和位置
查看>>
Dcloud课程9 天气小助手如何实现
查看>>
如何实现无刷新图片上传
查看>>
html5--6-6 CSS选择器3
查看>>
thinkphp缓存使用
查看>>
cookie和session使用
查看>>
hdu 5480 Conturbatio
查看>>
shell学习之变量、判断、重复动作
查看>>
企业架构研究总结(42)——企业架构与建模之ArchiMate详述(中)
查看>>
Openstack组件实现原理 — Glance架构(V1/V2)
查看>>
python操作数据库
查看>>
【已解决】WebUploader 0.1.5 安卓手机不能访问相机、IOS直接访问相机 的问题
查看>>