※ ChatGPTを利用し、要約された質問です（原文：HTMLでのイベントの発生処理）
HTMLでのイベントの発生処理
以下のようなテストHTMLを作成しました
------------------------
<html>
<head>
<title>テスト</title>
<script type="text/javascript">
function ids(e) {
alert(e.id)
}
</script>
</head>
<body>
<span onclick="ids(this)" id="aa" style="position:absolute; z-index:1; top:100px; left:100px; width:100px; height:100px; border:black solid 1px">
<span onclick="ids(this)" id="bb" style="position:absolute; z-index:2; right:0px; bottom:0px; height:10px; width:10px; border:red solid 1px">
</span>
</span>
</body>
</html>
------------------------
親spanタグ、id=aa z-index=1 (縦横100px)の中に
子spanタグ、id=bb z-index=2 (縦横10px)があります
id=aa の領域をclick するとアラート関数が aa と表示します
id=bb の領域をclick するとアラート関数が bb 次に aa と表示します
ここで、id=bb の領域をclick したとき、親spanタグ id=aa の
イベントが発生しない方法はありますか
重なった要素を扱う場合の方法を教えてください
よろしく、お願いします
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
