禁用a标签的跳转行为，点击a标签时没有触发绑定在a标签父元素上的事件

Question

<p onClick = "function(){alert("hh")}">
    <a href="javascript: ;"></a>
</p>

阻止了a标签的跳转行为，点击a标签时，为什么没有继续向上冒泡触发父级元素的绑定事件？
如果只能用a标签，事件只能绑定在父元素上该怎么解决？

Answer 1

并没有任何问题呀，倒是向你那样直接把方法写在标签里会老是提醒少一个反括号，不解··
HTML

<p onClick = 'show()' style="width:50px;height:50px;">
   <a href="javascript:;" style="width:100%;height:100%;display:block"></a>
</p>

JS

function show () {
    alert('hh');
}

Answer 2

<p onClick = "alert('hh');">
    <a href="javascript: ;">123456</a>
</p>

写成这样就可以了

Answer 3

alert(“hhh”)后面少了分号。
只有独占一行的时候，分号才可以省略