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

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

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

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

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

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

 
}

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