jQuery冒泡事件

最新推荐文章于 2022-03-09 19:42:33 发布

katy的小乖

最新推荐文章于 2022-03-09 19:42:33 发布

阅读量274

点赞数

分类专栏： javaWeb

本文链接：https://blog.csdn.net/u010918487/article/details/50120163

版权

javaWeb 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<span style="font-size:18px;"><script type="text/javascript">
	$(function() {
		$("div").on("click",divClickHandler);
		//$("div").on("click",divClickHandler1);
		$(document).on("click",documentClickHandler);
	});
	
	function divClickHandler(e) {
		console.log("div->click");
		$(this).css("background","green");
		// event.stopPropagation(); 阻止父类冒泡
		// event.stopImmediatePropagation();
		console.log(e);
		return false;
	}
	
	function divClickHandler1(e) {
		console.log("div->click1");
		// event.stopPropagation(); //阻止父类冒泡
		// event.stopImmediatePropagation();
		console.log(e);
		//return false;
	}
	
	function documentClickHandler(e) {
		$("*").css("background","gray");
		console.log("document- >click");
		console.log($(this));
	}
	
</script>
</head>
<body>
	<div style="width:300px;height:200px;border:1px solid red">
		
	</div>
</body>
</span>

优惠劵

katy的小乖

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery冒泡事件

$(function() { $("div").on("click",divClickHandler); //$("div").on("click",divClickHandler1); $(document).on("click",documentClickHandler); }); function divClickHandler(e) { console.log("d
复制链接

扫一扫