Jquery 阻止捕捉事件

最新推荐文章于 2022-09-29 15:03:40 发布

weixin_33843947

最新推荐文章于 2022-09-29 15:03:40 发布

阅读量2.8k

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/jishuge/blog/754387

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
	<link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha.3/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<table class="table">
		<tr>
			<td>11</td>
			<td>11</td>
			<td><a href="JavaScript:alert(1)" target="_blank" onclick="stopBubble(this)">点击浏览</a></td>
		</tr>
		<tr>
			<td>22</td>
			<td><a href="http://www.51.com" onclick="stopBubble(this)" class="btn btn-info">编辑</a></td>
			<td>44</td>
		</tr>
	</table>
	<script type="text/javascript">
	/*$("tr").click(function(){
		alert(2);
	});*/
	$("tr").on("click",function(){
		alert(2);
	})

	function stopBubble(e) { 
		if (e && e.stopPropagation) {//非IE浏览器 
		　　e.stopPropagation(); 
		}else {//IE浏览器 
			window.event.cancelBubble = true; 
		} 
	} 
	</script>
</body>
</html>
```

这样a标签 点击的时候就不会alert 2出来了

转载于:https://my.oschina.net/jishuge/blog/754387