HTML onclick 優先度を変えたい

Question

前提・実現したいこと

onclickした時の優先度を変えたいです
ソースコードを見ていただけますでしょうか
下記コードだと親であるwidth:100%;height:100%に対してonclick="location.href='https://yahoo.co.jp'"を設定しています
その子である、width:50%;height:50%;にはonclick="alert('')"を設定しています

子をクリックすると必ず親のイベントも発生してしまいます
このような書き方の場合で、子をクリックした場合親のonclickは反応させない方法はありますでしょうか
過去にstopPropagation()、preventDefault()、pointer-event:noneが関係しているような記事を見つけましたが、覚えてないため見つかりませんでした

該当のソースコード

<style>
body,html{
height:100%;
}
</style>

<div style="width:100%;height:100%;background:red" onclick="location.href='https://yahoo.co.jp'">
<div style="width:50%;height:50%;background:blue" onclick="alert('')">領域</div>
</div>

Answer 1

<div style="width:50%;height:50%;background:blue" onclick="alert(''); event.stopPropagation()">領域</div>

stopPropagation() を足せばよいです。

Comments

[yambejp]

ああ、eventは参照できましたね。

Answer 2

html要素に直書きではなくscriptを分ければ可能でしょう