event.stopPropogation не работает должным образом

Question

Как я знаю, 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, в то время как он должен просто предупредить.

Answer 1

Ваше событие не определено. Пропустите событие следующим образом:

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

function diva(){
console.log('div')
}

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

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

}

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