stopPropagation不起作用-慕课网

stopPropagation不起作用

来源：3-1 DOM中的事件对象

慕盖茨9705228

2016-06-30 11:45

<html>
<head>
     <title>事件流</title>
     <meta charset="utf-8"></head>
<body>
     <div id="box">
        <a href="http://www.baidu.com" id="go" onclick="stopgoto()">go</a>
     </div>
     <script type="text/javascript">
        function stopgoto(event){
          alert("hello");
          event.stopPropagation();
          event.stopDefault();
        }

     </script>
</body>
</html>

写回答关注

2回答

Cre

2016-06-30 14:36:59

你这个事件流，并没有定义a的父元素div的事件，没所谓的阻止不阻止，a的stopPropagation是阻止冒泡到div，不是阻止自身事件动作

0 1

飞天意大利面神兽: 2016-06-30 14:11:35

<html>

	<head>
		<title>事件流</title>
		<meta charset="utf-8">
	</head>

	<body>
		<div id="box" style="height: 100px;width: 50px;border-radius: 50px 50px;background-color: green;">
			<a href="http://www.baidu.com" target="_blank" onclick="stopgoto(event)">go</a>
		</div>
		<script type="text/javascript">
			window.onload = function() {
				var div = document.getElementById("box");
				box.onclick = function() {
					alert("imooc");
				}
			}

			function stopgoto(event) {
				alert("hello");
				event.stopPropagation();
			}
		</script>
	</body>

</html>

4 0

qq_赵成冬... 回复飞天意大利面...

谢谢你

2016-08-24 14:34:06

共 4 条回复 >

DOM事件探秘

DOM事件？本课程会通过实例来给小伙伴们讲解如何使用这些事件

99544 学习 · 1197 问题

查看课程

相似问题

老师讲的例子不起作用

回答 3