                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /DOM事件探秘

stopPropagation不起作用

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

慕蓋茨9705228

2016-06-30

源自：DOM事件探秘 3-1

關注問題我要回答

5155

操作

收起

2 回答

Cre
2016-06-30

你這個事件流，并沒有定義a的父元素div的事件，沒所謂的阻止不阻止，a的stopPropagation是阻止冒泡到div，不是阻止自身事件動作

1 回復有任何疑惑可以回復我~

收起回答

飛天意大利面神獸
2016-06-30

<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?>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>