产品
解决方案
文档与社区
权益中心
定价
云市场
合作伙伴
支持与服务
了解阿里云
备案
控制台
开发者社区
首页
探索云世界
探索云世界
云上快速入门,热门云上应用快速查找
了解更多
问产品
动手实践
考认证
TIANCHI大赛
活动广场
活动广场
丰富的线上&线下活动,深入探索云世界
任务中心
做任务,得社区积分和周边
高校计划
让每位学生受益于普惠算力
训练营
资深技术专家手把手带教
话题
畅聊无限,分享你的技术见解
开发者评测
最真实的开发者用云体验
乘风者计划
让创作激发创新
阿里云MVP
遇见技术追梦人
直播
技术交流,直击现场
下载
下载
海量开发者使用工具、手册,免费下载
镜像站
极速、全面、稳定、安全的开源镜像
技术资料
开发手册、白皮书、案例集等实战精华
插件
为开发者定制的Chrome浏览器插件
探索云世界
新手上云
云上应用构建
云上数据管理
云上探索人工智能
云计算
弹性计算
无影
存储
网络
倚天
云原生
容器
serverless
中间件
微服务
可观测
消息队列
数据库
关系型数据库
NoSQL数据库
数据仓库
数据管理工具
PolarDB开源
向量数据库
热门
Modelscope模型即服务
弹性计算
云原生
数据库
物联网
云效DevOps
龙蜥操作系统
平头哥
钉钉开放平台
大数据
大数据计算
实时数仓Hologres
实时计算Flink
E-MapReduce
DataWorks
Elasticsearch
机器学习平台PAI
智能搜索推荐
人工智能
机器学习平台PAI
视觉智能开放平台
智能语音交互
自然语言处理
多模态模型
pythonsdk
通用模型
开发与运维
云效DevOps
钉钉宜搭
支持服务
镜像站
码上公益
开发者社区
开发与运维
文章
正文
事件冒泡
2017-11-07
711
版权
版权声明:
本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议
》和 《
阿里云开发者社区知识产权保护指引
》。如果您发现本社区中有涉嫌抄袭的内容,填写
侵权投诉表单
进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
简介:
if
(window.event){
//
cancelBubble的字面意思是取消冒泡
//
如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。
e.cancelBubble
=
true
;
}
else
{
e.preventDefault();
//
方法取消事件的默认动作
e.stopPropagation();
//
stopPropagation的字面意思是停止传播。
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>test-event-bubble</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">
#test-wrap div{border:1px solid #ccc;padding:5px 10px 10px;cursor:pointer;}
#test2{margin-top:15px;}
</style>
</head>
<body>
<div id="test-wrap">
<h3>事件冒泡</h3>
<div id="test">
test
<div id="sub">
sub
<div id="on">this is on</div>
</div>
</div>
<h3>没有冒泡</h3>
<div id="test2">
test2
<div id="sub2">
sub2
<div id="on2">this is on2</div>
</div>
</div>
</div>
</body>
</html>
本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2011/06/20/2085598.html,如需转载请自行联系原作者
文章标签:
前端开发
数据格式
XML
嗯哼9925
目录
相关文章
泡芙-草莓
|
20天前
事件代理和事件委托
事件代理和事件委托
泡芙-草莓
17
6
6
Goodluck-dys
|
20天前
什么是事件代理?什么事件委托?
什么是事件代理?什么事件委托?
Goodluck-dys
13
0
0
她说她一如既往的爱我
|
3月前
|
JavaScript
js事件冒泡
js事件冒泡
她说她一如既往的爱我
22
0
0
泡芙-草莓
|
20天前
|
JavaScript
事件触发、事件捕获与事件冒泡(js的问题)
事件触发、事件捕获与事件冒泡(js的问题)
泡芙-草莓
10
0
0
聂聂脸
|
3月前
|
JavaScript
什么是事件冒泡?如何组织事件冒泡
什么是事件冒泡?如何组织事件冒泡
聂聂脸
22
0
0
前端技术栈
|
3月前
|
JavaScript
前端开发
【面试题】对JS中的事件冒泡、事件捕获、事件委托的理解
【面试题】对JS中的事件冒泡、事件捕获、事件委托的理解
前端技术栈
43
0
0
前端歌谣
|
8月前
|
前端开发
事件冒泡
事件冒泡
前端歌谣
50
0
0
前端歌谣
|
8月前
|
前端开发
事件委托
事件委托
前端歌谣
47
0
0
demo123567
|
9月前
|
JavaScript
前端开发
事件冒泡、事件捕获和事件委托
事件冒泡、事件捕获和事件委托
demo123567
43
0
0
游客b3un4miqfwcyo
|
JavaScript
前端开发
API
你真的理解事件绑定、事件冒泡和事件委托吗?
事件,是JS Web API比较重要的一个知识点。我们平常所看到的网页,肯多内容都要用到事件。比如说一个点击、一个下拉、一个滚动,都要用到事件进行操作。
游客b3un4miqfwcyo
272
0
0
热门文章
最新文章
1
Mac安装并使用telnet命令操作
2
OSS回源的几种方式和应用场景
3
[剑指offer] 孩子们的游戏(圆圈中最后剩下的数)
4
网络安全系列之二十二 Windows用户账号加固
5
我理解的一个程序员如何学习前端开发
6
《社交网站界面设计(原书第2版)》——1.9 为设备之间的空间进行设计
7
《Microduino实战》——1.2 为什么要开源
8
.Net函数Math.Round你会用吗?
9
麻省理工大学新发明:暗黑WiFi透视技术
10
2014秋C++第19周 补充代码 哈希法的存储与查找
1
R语言关联规则模型(Apriori算法)挖掘杂货店的交易数据与交互可视化
25
2
R语言近似贝叶斯计算MCMC(ABC-MCMC)轨迹图和边缘图可视化
21
3
r语言中对LASSO回归,Ridge岭回归和弹性网络Elastic Net模型实现-4
29
4
Sentieon | 每周文献-Multi-omics-第四十一期
25
5
数据分享|R语言广义线性模型GLM:线性最小二乘、对数变换、泊松、二项式逻辑回归分析冰淇淋销售时间序列数据和模拟-2
15
6
数据分享|R语言广义线性模型GLM:线性最小二乘、对数变换、泊松、二项式逻辑回归分析冰淇淋销售时间序列数据和模拟-1
22
7
基于RT-Thread摄像头车牌图像采集系统
22
8
R语言极值理论:希尔HILL统计量尾部指数参数估计可视化
16
9
【视频】R语言中的分布滞后非线性模型(DLNM)与发病率,死亡率和空气污染示例
18
10
sql语句创建数据库
18
相关电子书
更多
低代码开发师(初级)实战教程
冬季实战营第三期:MySQL数据库进阶实战
阿里巴巴DevOps 最佳实践手册
下一篇
部署LAMP环境(Alibaba Cloud Linux 3)