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循序渐进学习笔记 #### 配置JDK - **安装JDK**：首先需要下载并安装JDK，通常建议从Oracle官方网站下载最新版本的JDK。 - **配置环境变量**： - 在系统环境变量中找到`Path`变量，并在其值的末尾添加`;%...
【标题】：“韩顺平_循序渐进学Java零基础【完整笔记】1” 【描述】：这个课程是为初学者设计的，旨在通过系统的学习帮助学生掌握Java编程的基础。课程分为三个阶段，详细讲解了Java语言的核心概念、就业前景以及在...
资源名称：循序渐进学java视频教程之基础知识及概念资源目录：【】abbr_3ec67b2ec7f7dfd3154be6864e2246b7【】abbr_709a232cb411500168fd57a469e6d3e5【】abbr_c2b64caf0e69d629bac9f71d44e8c865【】韩顺平.循序渐进...
资源名称：循序渐进学java视频教程之坦克大战项目资源目录：【】韩顺平.循序渐进学.java.从入门到精通.第29讲-满汉楼.swing介绍【】韩顺平.循序渐进学.java.从入门到精通.第30讲-布局管理器【】韩顺平.循序渐进学....
绝对韩顺平老师的讲解视频！教学文件打包太大，就一个一个的上传了！ avi格式的，最好用KMPlayer来播放，下载地址：https://www.kmplayer.com/home 后续还上传，韩顺平老师教学的源代码！
根据给定文件的信息，我们可以总结出以下关于Java Swing框架的相关知识点： ### 1. Java Swing 概述 Java Swing 是一套用于创建图形用户界面（GUI）的轻量级组件库，它作为AWT（Abstract Window Toolkit）的一个...
循序渐进学.java.从入门到精通》是一本旨在帮助初学者逐步掌握Java编程语言的经典教程，而"学生管理系统源码"是该教程中的一个实际项目案例，通过实践这个项目，读者可以更好地理解Java编程的基础概念以及如何应用于...
韩顺平.循序渐进学.java.从入门到精通-之一.ppt
韩顺平.循序渐进学.java.从入门到精通-之一PPT.pp
《山寨版QQ——韩顺平循序渐进学Java》是一个基于韩顺平老师的Java教学视频创作的项目，旨在帮助学习者深入理解Java编程语言，尤其是网络编程和GUI设计方面。这个项目分为两大部分：QQ客户端和服务器端，涵盖了基础...
本资料提供了30章循序渐进的Java练习题，旨在帮助初学者系统地学习和巩固Java编程技术。 第1章：基础语法 这一章涵盖了Java的基础语法，包括变量声明、数据类型（如整型、浮点型、字符型和布尔型）、运算符（如算术...
循序渐进学.java.从入门到精通--------java笔记完整版》是一部全面深入学习Java编程语言的教程，由知名IT教育专家韩顺平精心编撰。这部笔记旨在帮助初学者逐步掌握Java的核心概念和技术，同时也适合有一定基础的...
本教程“面向对象系统设计循序渐进”旨在为初学者提供一个易懂的学习路径，帮助他们逐步掌握这一领域的核心知识。 首先，我们来探讨UML（统一建模语言）。UML是软件开发中用于建模和描述面向对象系统的主要工具。它...
资源名称：循序渐进学java视频教程之山寨版QQ资源目录：【】abbr_2b0a956c6deaffd161055bcc69352490【】abbr_69fe1d0216f529000a178ba7a943dbd8【】abbr_83be30c3d0d895e0b4887fe4e9c049f2【】abbr_89247c1a9c971d54...
为了更好地学习和掌握 Java 语言，本笔记将从零基础开始，循序渐进地介绍 Java 的基础知识、开发场景和应用领域。 Java 课程内容 本套 Java 课程内容分为三个阶段： 1. 基础阶段：介绍 Java 的基本语法、数据类型...
资源名称：循序渐进学java视频教程之实战项目开发资源目录：【】abbr_37465be2c45f542ae0e924a64fa5322c【】abbr_4270c3007e399fdf4ebeb6b39e6cf140【】abbr_725576db63893b37b526324d0c08da5b【】abbr_7b751204454...
《韩顺平-循序渐进学Java零基础》是一份专门为初学者设计的Java编程教程，由知名讲师韩顺平编著。这份文档详细介绍了Java语言的学习路径和实际应用场景，旨在帮助没有编程基础的人逐步掌握Java编程技能。 1. 课程...