プロが教える店舗&オフィスのセキュリティ対策術

以下のようなテスト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 の

イベントが発生しない方法はありますか

重なった要素を扱う場合の方法を教えてください

よろしく、お願いします

A 回答 (1件)

正しい方法ではないですが、


超簡単な方法を一つ
<span onclick="ids(this,0)" ~~~
<span onclick="ids(this,1)" ~~~
などとパラメーターを追加して、”どこからの呼び出しか?”を理解させてしまうのも手だと
思います。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!