javascript 事件屏蔽问题(阻止JS冒泡...)现在<span onclick...> <input type="checkbox" onclick /> .....</span>
现在 两个click事件都会调用如何在点击 checkbox 时屏蔽掉外部click事件
<!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" lang="gb2312">
<head>
<title> 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)</title>
<meta name="keywords" content="JavaScript,事件冒泡,cancelBubble,stopPropagation" />
<script type="text/javascript">
function doSomething (obj,evt) {
alert(obj.id);
var e=(evt)?evt:window.event;
if (window.event) {
e.cancelBubble=true;
} else {
//e.preventDefault();
e.stopPropagation();
}
}
</script>
</head>
<body>
<div id="parent1" onclick="alert(this.id)" style="width:250px;background-color:yellow">
<p>This is parent1 div.</p>
<div id="child1" onclick="alert(this.id)" style="width:200px;background-color:orange">
<p>This is child1.</p>
</div>
<p>This is parent1 div.</p>
</div>
<br />
<div id="parent2" onclick="alert(this.id)" style="width:250px;background-color:cyan;">
<p>This is parent2 div.</p>
<div id="child2" onclick="doSomething(this,event);" style="width:200px;background-color:lightblue;">
<p>This is child2. Will bubble.</p>
</div>
<p>This is parent2 div.</p>
</div>
</body>
</html>
分享到:
相关推荐
韩顺平的 java循序渐进学从入门到精通的笔记,包括练习
如何学习 如何学习java,循序渐进。如何学习java,循序渐进。
第 1 章 内容介绍11.1 本套 JAVA 课程内容11.1.1 课程的三个阶段11.1.2 关于课程的说明11.1.3 课程特色21.2 JAVA 就业方向
韩顺平_循序渐进学java_从入门到精通_课件_笔记_第三十五讲到第三十七讲.txt )
资源名称:循序渐进学java视频教程之基础知识及概念资源目录:【】abbr_3ec67b2ec7f7dfd3154be6864e2246b7【】abbr_709a232cb411500168fd57a469e6d3e5【】abbr_c2b64caf0e69d629bac9f71d44e8c865【】韩顺平.循序渐进...
资源名称:循序渐进学java视频教程之坦克大战项目资源目录:【】韩顺平.循序渐进学.java.从入门到精通.第29讲-满汉楼.swing介绍【】韩顺平.循序渐进学.java.从入门到精通.第30讲-布局管理器【】韩顺平.循序渐进学....
绝对韩顺平老师的讲解视频!教学文件打包太大,就一个一个的上传了! avi格式的,最好用KMPlayer来播放,下载地址:https://www.kmplayer.com/home 后续还上传,韩顺平老师教学的源代码!
JAVA 练习题 30章 循序渐进的30章练习 适合初学者
韩顺平.循序渐进学.java.从入门到精通-之一.ppt
韩顺平.循序渐进学.java.从入门到精通-之一PPT.pp
这个项目是基于韩顺平循序渐进学Java视频制作完成的,包含两个项目:QQ客户端和服务器端。具有登录、好友聊天、在线提示等功能。
看韩老师视频时跟着写的,调试没问题!!!!
资源名称:循序渐进学java视频教程之山寨版QQ资源目录:【】abbr_2b0a956c6deaffd161055bcc69352490【】abbr_69fe1d0216f529000a178ba7a943dbd8【】abbr_83be30c3d0d895e0b4887fe4e9c049f2【】abbr_89247c1a9c971d54...
资源名称:循序渐进学java视频教程之实战项目开发资源目录:【】abbr_37465be2c45f542ae0e924a64fa5322c【】abbr_4270c3007e399fdf4ebeb6b39e6cf140【】abbr_725576db63893b37b526324d0c08da5b【】abbr_7b751204454...
韩顺平-循序渐进学Java零基础.docx
韩顺平_循序渐进学Java零基础【完整笔记】
韩顺平java笔记完整版
韩顺平循序渐进学java从入门到精通之一.pptx