JS阻止冒泡事件
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#dv1{
width: 500px;height: 500px;background: red;border: 1px solid;
}
#dv2{
width: 400px;height: 400px;background: blue;border: 1px solid;
}
#dv3{
width: 200px;height: 200px;background: yellow;border: 1px solid;
}
</style>
</head>
<body>
<div id ="dv1">
<div id ="dv2">
<div id ="dv3"></div>
</div>
</div>
<script type="text/javascript">
var b1=document.getElementById('dv1');
var b2=document.getElementById('dv2');
var b3=document.getElementById('dv3');
b1.onclick=function () {
alert(1);
// body...
}
function zuzhi(evt){
var e=evt||window.event
window.event? e.cancelBubble=true:e.stopPropagation();
}
b2.onclick=function () {
alert(2)
// body...
}
b3.onclick=function () {
alert(3);
zuzhi();
// body...
}
</script>
</body>
</html>
最新文章
- Cannot attach the file ‘{0}&#39; as database &#39;{1}&#39;
- 浅谈PHP7新特性
- C/C++实践笔记 004
- const指针
- 《深入浅出WPF》笔记一
- Spring 学习总结 使用静态工厂创建Bean
- Qlik 函数说明
- apache日志轮转
- 【android原生应用】之闹钟应用搭起篇
- Linux串口调试
- C++之类与对象(1)
- C#将image中的显示的图片转换成二进制
- IO流---字符流(FileWriter, FileReader ,BufferedWriter,BufferedReader)
- c专家编程摘录
- Codeforces Round #466 (Div. 2)
- 使用Spring Cloud搭建高可用服务注册中心
- 16: vue + crypto-js + python前后端加密解密
- 2015-10-27 C#3
- 输入一个正整数n,计算出[0,n]这些整数中的二进制数没有连续3个1的数字有多少
- cad.net DeepCloneObjects WasErased
热门文章
- jQuery学习笔记(2) jQuery选择器
- 安装anaconda和第三方库tushare
- PTA 数组元素的区间删除
- 【MCU】国民N32固件库移植
- Android Studio 如何在TextView中设置图标并按需调整图标大小
- Android Studio 之 RadioButton
- Java应用性能瓶颈分析思路
- RabbitMQ 入门 (Go) - 4. 使用 Fanout Exchange 做服务发现(上)
- QT实现OPC_UA客户端程序以及与OPC_UA服务器通信
- [Fundamental of Power Electronics]-PART II-9. 控制器设计-9.3 关键项1/(1+T)和T/(1+T)以及闭环传递函数的构建