阻止事件冒泡

最新推荐文章于 2024-09-14 12:37:34 发布

superXiaoyun

最新推荐文章于 2024-09-14 12:37:34 发布

阅读量138

点赞数

文章标签： html js

本文链接：https://blog.csdn.net/superXiaoyun/article/details/103615308

版权

调用stopPropagation()阻止事件冒泡

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>

<script type="text/javascript">
	function clickme(e) {
		// 阻止时间冒泡
		e.stopPropagation()
		alert("点击div")
	}
	function clickA() {
		alert("点击a标签")
	}
</script>
</head>

<body>
	<div style="width: 200px; height: 100px; background: #999;" onclick="clickme()">
		<a href="tel: 13456789"  onclick="clickA()">点击a标签</a>
	</div>
</body>
</html>