事件冒泡和事件捕获以及默认事件

来源:互联网 发布:js操作input file 编辑:程序博客网 时间:2024/06/06 04:39

在做IOT管理平台时,遇到需要一个事件冒泡的问题,之前有看过相关的,但要用到还是记不清楚,就在这里整理一下:

<div class="parent" onclick="alert("par")"><div class="child" onclick="alert("chi")"></div></div>

事件冒泡:

点击child,先触发child事件,再冒泡到parent,触发父级事件(会一直冒泡到文档根);

这个过程是可以阻止的,方法obj.stopPropagation():(多益二笔考了这个,结果我给忘了......)

事件捕获:

点击child,先触发parent事件,再逐级往下进行捕获到child,触发child事件;

默认事件:

浏览器具有默认行为,诸如a标签的点击跳转,右键点击跳出菜单等;

阻止默认事件:obj.preventDefault();(多益二笔和阻止默认事件一起考的,这个我记得);

事件冒泡和事件捕获的选择,(IE默认事件冒泡,其他浏览器默认捕获)

其中addEventListener()中 true为捕获,false为冒泡

obj.addEventListener("click",function(){

},true)  //捕获

obj.addEventListener("click",function(){

},false)  //冒泡



原创粉丝点击