JAVA循序渐进

最新推荐文章于 2024-07-05 17:09:24 发布

iteye_14922

最新推荐文章于 2024-07-05 17:09:24 发布

阅读量127

点赞数

分类专栏： js 文章标签： Java JavaScript XHTML HTML ViewUI

本文链接：https://blog.csdn.net/iteye_14922/article/details/82043652

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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" οnclick="alert(this.id)" style="width:250px;background-color:yellow">
<p>This is parent1 div.</p>
<div id="child1" οnclick="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" οnclick="alert(this.id)" style="width:250px;background-color:cyan;">
<p>This is parent2 div.</p>
<div id="child2" οnclick="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>

iteye_14922

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JAVA循序渐进

javascript 事件屏蔽问题（阻止JS冒泡...）现在 ..... 现在两个click事件都会调用如何在点击 checkbox 时屏蔽掉外部click事件阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation） function doSomething (obj,evt) { alert(obj.i...
复制链接

扫一扫

专栏目录