質問編集履歴
3
分かりにくい表現を修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
JavaScriptでリンクをクリックしページを移動しようとする操作は、通常clickイベントで検出します。
|
|
2
2
|
|
|
3
3
|
例えば、メニューのページへのリンクをクリックしたらページ移動せず、現在のページ内でメニューを表示する場合などにこのような手法が用いられます。
|
|
4
|
-
この場合、JavaScriptが利用できない場合や「右クリック→新しいタブ/ウィンドウで開く」を実行した場合にはメニューのみのページが開かれることになります。
|
|
4
|
+
この場合、JavaScriptが利用できない場合や「右クリック→新しいタブ/ウィンドウで開く」を実行した場合には本来のページ移動が行われ、メニューのみのページが開かれることになります。
|
|
5
5
|
|
|
6
6
|
しかし、clickイベントを検出している影響で、別タブで開くためのクリックも普通のクリックと一緒に扱われてしまいます。
|
|
7
7
|
上述した例の場合、メニューへのリンクを「Ctrl+クリック」(別タブで開く)や「Shift+クリック」(別ウィンドウで開く)、「中クリック」(別タブで開く)した場合、別のタブ/ウィンドウで開くという期待する操作が実行されず、メニューはページ内で展開されてしまいます。
|
2
記述を追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,4 +6,5 @@
|
|
|
6
6
|
しかし、clickイベントを検出している影響で、別タブで開くためのクリックも普通のクリックと一緒に扱われてしまいます。
|
|
7
7
|
上述した例の場合、メニューへのリンクを「Ctrl+クリック」(別タブで開く)や「Shift+クリック」(別ウィンドウで開く)、「中クリック」(別タブで開く)した場合、別のタブ/ウィンドウで開くという期待する操作が実行されず、メニューはページ内で展開されてしまいます。
|
|
8
8
|
|
|
9
|
+
これを解決するには、普通のページ移転に使用するただのクリックと、「Ctrl+クリック」等、別のタブ/ウィンドウで開く為のクリックをclickイベントで区別しなくてはなりません。
|
|
9
10
|
clickイベントで、普通のクリックと、別のタブ/ウィンドウで開く為のクリックを区別する良い方法はありますか?
|
1
最後の一文に、「clickイベントで、」という記述を追加し質問の趣旨を勘違いされないよう配慮
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
しかし、clickイベントを検出している影響で、別タブで開くためのクリックも普通のクリックと一緒に扱われてしまいます。
|
|
7
7
|
上述した例の場合、メニューへのリンクを「Ctrl+クリック」(別タブで開く)や「Shift+クリック」(別ウィンドウで開く)、「中クリック」(別タブで開く)した場合、別のタブ/ウィンドウで開くという期待する操作が実行されず、メニューはページ内で展開されてしまいます。
|
|
8
8
|
|
|
9
|
-
普通のクリックと、別のタブ/ウィンドウで開く為のクリックを区別する良い方法はありますか?
|
|
9
|
+
clickイベントで、普通のクリックと、別のタブ/ウィンドウで開く為のクリックを区別する良い方法はありますか?
|