事件冒泡和事件捕获以及默认事件
来源:互联网 发布: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) //冒泡
阅读全文
0 0
- 事件冒泡和事件捕获以及默认事件
- JavaScript中事件捕获和事件冒泡以及如何阻止冒泡事件和默认事件
- 阻止事件冒泡、捕获、和默认事件
- JavaScript事件冒泡、事件捕获和阻止默认事件
- js事件冒泡、事件捕获和阻止默认事件详解
- 事件冒泡和事件捕获
- 事件冒泡和事件捕获
- 事件捕获和事件冒泡
- 事件冒泡和事件捕获
- 事件冒泡和事件捕获
- 事件冒泡和事件捕获
- 事件冒泡和事件捕获
- 事件冒泡和事件捕获
- 事件冒泡和事件捕获
- 冒泡事件、默认事件、事件委托、事件监听和事件捕获
- 冒泡和事件捕获
- 事件捕获和冒泡
- 事件捕获和冒泡
- PSPNet
- Go环境搭建:windows+sublime3
- hdu1233——还是畅通工程 (Prim)
- CoordinatorLayout AppbarLayout CollapsingToolbarLayout 实现顶部栏
- 自定义注解简单实例
- 事件冒泡和事件捕获以及默认事件
- 前言的闲话以及第一章的入门(七)
- Ubuntu16.04 安装sogou拼音
- 运算符&选择结构
- win下多线程,同步等简单应用
- Cookie
- 使用Java8进行API设计
- prometheus+grafana构建应用监控(四)
- 二叉树的创建和遍历