2018-01-18 前端-事件的捕获和冒泡

  1. 除了IE 先捕获 -> 当前节点事件 -> 后冒泡
<div id="parent" onclick="alert(99)">测试不阻止事件冒泡
     <button id="child" onclick="alert(4)">我是内部div</button>
</div>
//js
document.body.addEventListener("click",function(event){
    alert("event bubble");
},false);
document.body.addEventListener("click",function(event){
    alert("event catch");
 },true);

点击parent : event catch -> 99 ->event bubble
点击child: event catch -> 4 -> 99 ->event bubble

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 大家好,我是IT修真院成都分院第09期学员,一枚正直纯洁善良的web程序员。今天给大家分享一下,修真院官网js任务...
    骆驼丶阅读 1,157评论 0 0
  • 背景知识 什么是事件?直观的说就是网页上发生的事情,大部分是指用户的鼠标动作和键盘动作,如点击、移动鼠标、按下某个...
    吧啦啦小汤圆阅读 1,889评论 2 15
  • 石涛,生于1642年,死于1707年,原名朱若极, (我本家,先自豪一下。) 是明皇室后裔。满人的入侵使得石涛家破...
    半樵阅读 879评论 6 35
  • 天空灰蒙蒙的,校园里都是疾步奔走的学生,仿佛慢了一步就会赶上倾盆大雨。梦阳看着他们,脚下依旧不急不缓的踢着石子。曾...
    戈多不再阅读 568评论 0 0
  • 55万,这是中国目前的乡村的数量。而依托生活在其中的农民,接近七个亿。而在30年前,百分之八十的国人都属于农村。等...
    禾风知绿叶阅读 435评论 7 5