JQ在window系统事件冒泡处理--贴上demo代码

最新推荐文章于 2024-05-01 22:58:15 发布

SkyBlueWow

最新推荐文章于 2024-05-01 22:58:15 发布

阅读量341

点赞数

分类专栏： JS 文章标签： jquery

本文链接：https://blog.csdn.net/fxtc2013/article/details/44827993

版权

JS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JQ在window系统事件冒泡，子元素的事件会冒泡到上一级元素

写的一个简单的demo

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>caa</title>
<style>
.kn {
	background-color: #0033CC;
	height: 45px;
	width: 66px;
	margin: 25px;
	font-size: 12px;
	color: #FFFFFF;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<div class="kn">点击伸长</div>
<script>
$(function(){

	$(window).click(function(){
		$(".kn").stop().animate({
				'width':'+=70px'
		},1000);
	})
	$(".kn").click(function(){
		return false;
	})
	
})
</script>
</body>
</html>