事件冒泡解决方案

最新推荐文章于 2021-07-12 15:06:02 发布

雪狼之夜

最新推荐文章于 2021-07-12 15:06:02 发布

阅读量701

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/xuelang532777032/article/details/52335541

版权

js 专栏收录该内容

55 篇文章 2 订阅

订阅专栏

冒泡解决方案

div 里面绑定div 2个DIV都绑定了 click事件，怎么点里面的div不会执行到外面DIV的事件，冒泡！这个案例比较简单，仅供大家学习案例下载地址

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<style>
.box{ border:1px #ddd solid; width:400px; height:400px; margin:0 auto;}
.search{ width:200px; height:200px; margin:100px; border:1px #000 solid}
</style>
<div class="box">
	<div class="search"></div>
</div>

<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script>
	$(function(){
		$(".search").click(function(event){
			event.stopPropagation();
			alert("1")
		})	
		$(".box").click(function(event){
			
			alert("2")
		})
	})
</script>
</body>
</html>

雪狼之夜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
事件冒泡解决方案

冒泡解决方案div 里面绑定div 2个DIV都绑定了 click事件，怎么点里面的div不会执行到外面DIV的事件，冒泡！这个案例比较简单，仅供大家学习案例下载地址无标题文档.box{ border:1px #ddd solid; width:400px; height:400px; margin:0 auto;}.search{ wid
复制链接

扫一扫