event.stopPropogation无法按预期工作

时间:2016-12-23 05:27:21

标签: javascript-events event-bubbling stoppropagation

因为我知道 event.stopPropogation()用于停止事件冒泡,即它将停止触发父事件但在我的代码中它不起作用。你可以检查吗。

<div onClick="diva();">
div
<p onClick="pa();">
ppp
<a onClick="aa();">
  hello
</a>
</p>
</div>


<script type="text/javascript">

function diva(){
alert('div')
}

function pa(){
alert('p')
}

function aa(event){
    event.stopPropogation();
    alert('a')

}
</script>

它提示 P Div ,但它应该只提醒a。

1 个答案:

答案 0 :(得分:0)

您的活动未定义.Pass事件如下:

<a onclick="aa(event);">

&#13;
&#13;
function diva(){
console.log('div')
}

function pa(){
console.log('p')
}

function aa(event){
	event.stopPropagation();
    console.log('a')

}
&#13;
<div onclick="diva();">
div
<p onclick="pa();">
p
<a onclick="aa(event);">
  hello
</a>
</p>
</div>
&#13;
&#13;
&#13;