以下のようなテスト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 の
イベントが発生しない方法はありますか
重なった要素を扱う場合の方法を教えてください
よろしく、お願いします
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
YahooのIDがロックされてしまい...
-
i Tune でCDからハードディスク...
-
「.movpkg」「.m3u8」ファイル...
-
STEAM版BF4が起動しない
-
iTunes for Windows でiTunes終...
-
ゆうちょ認証アプリが使えません
-
powerAutomateの使用メモリにつ...
-
新バージョンPDFでのスナップシ...
-
ホームページビルダーのバージ...
-
音楽CD 拡張子 CDA なのに再生...
-
パソコンソフトのシリアルナンバー
-
Emacsメニューの日本語化について
-
写真の印刷レイアウトについて
-
Windows 11 に対応する作業
-
ATOKをお使いの方、今後もVer U...
-
jtrim 1.53cが正常な動きをし...
-
スプレッドシートの作業範囲
-
powershell で出力したテキスト...
-
自分で描いた下手な絵を綺麗に...
-
Premiere Pro 一度入れたテロッ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
「.movpkg」「.m3u8」ファイル...
-
YahooのIDがロックされてしまい...
-
STEAM版BF4が起動しない
-
ゆうちょ認証アプリが使えません
-
ATOKをお使いの方、今後もVer U...
-
写真データの解像度を上げるソフト
-
CMYKのペイントソフトを探して...
-
自分で描いた下手な絵を綺麗に...
-
LDPlayerのマクロの編集方法を...
-
googleスプレッドシートのキャ...
-
新バージョンPDFでのスナップシ...
-
ホームページビルダーのバージ...
-
画像のファイル形式、拡張子が...
-
先日からDigiBestTVで「デバイ...
-
Windows 11 に対応する作業
-
Numbersについてお伺いです。 ...
-
写真の印刷レイアウトについて
-
Winrarの移行
-
Makefileが実行できない
-
jtrim 1.53cが正常な動きをし...
おすすめ情報