リンクを押下した際にイベントが走るように以下コードを実装しています。

javascript
1$("リンクのクラス名").on("click", function() {
2  // 処理
3});

普通にリンクを押下した際はもちろん問題なく処理が走りますが、
右クリック→新しいタブで開く
でリンクを押下した際にはイベント処理がされません。
「新しいタブで開く」場合でも処理を行いたいのですがどうすれば宜しいでしょうか。

行動規範の内容に同意します

回答3件

ベストアンサー

「新しいタブで開く」場合でも処理を行いたいのですがどうすれば宜しいでしょうか。

右クリックで出るメニューの中身はブラウザの機能ですので、ここに介入することはできません。

投稿2018/05/29 02:50

maisumakun

総合スコア145184

syncrock

2018/05/29 03:02

回答ありがとうございます。通常はリンク押下時の処理が必要な場合は上記のように押下されたリンクのイベントではなくonclick処理でやるものでしょうか。

行動規範の内容に同意します

システム側で別タブで開くことを想定しなくてはいけないのであれば
最初から選択肢を提示しておくことです
さらに気になるなら右クリックを無効化してください

javascript
1$(function(){
2  $(':checkbox').on('change',function(){
3    $(this).closest('label').next('a').attr('target',($(this).prop('checked')?'_blank':null));
4  }).trigger('change');
5});

HTML
1<label><input type="checkbox">新しいタブで開く</label><a href="hoge.php">hoge</a>

sample

認識の違いがあるようなので。
リンクを必ずしもアンカーで開く必要はない・・・という考え方もあります
おすすめはしませんけど

javascript
1$(function(){
2  $(':checkbox').on('change',function(){
3    $(this).closest('label').next('span').data('target',$(this).prop('checked')?'_blank':'_self');
4  }).trigger('change');
5  $('span[data-href]').css({
6    "text-decoration":"underline"
7    }).hover(function(){
8      $(this).css({"color":"red","cursor":"pointer"})
9      },function(){
10      $(this).css({"color":""})
11      }).on('click',function(){
12        window.open($(this).data('href'),$(this).data('target'));
13      }).trigger('change');
14});

HTML
1<label><input type="checkbox">新しいタブで開く</label><span data-href="hoge.php">hoge</span>
2

投稿2018/05/29 03:26

編集2018/05/29 05:35

yambejp

総合スコア114843

think49

2018/05/29 03:30

> さらに気になる右クリックを無効化してください特別な理由がある場合を除き、アクセシビリティが低下する方法は好ましくないと思います。

yambejp

2018/05/29 03:36

失礼しました。中途半端なtypoでした「気になるなら」ですので気にならないなら残しても良いと思います

退会済みユーザー

2018/05/29 03:49

まあ、コンテキストメニュー無効化って自己満足だけの世界で労力の無駄以外の何でもないがｗアクセシビリティが低下しかもたらさないですしね

think49

2018/05/30 03:46

To: yambejp さんサイト管理上の理由から、ユーザの行動に制約を設けるのは好ましくないと思っていて、そう考える人が少なからずいるとも思っています。少なくとも、そういう考えの人がいることを質問者本人は認識しておいた方が良いです。「気になるなら」はあくまで質問者本人の意志で、訪問者側の意見を知らなくても「気になるなら」制約を設けると思います。知っているのと知らないのでは大違いなので、そこに触れて欲しかったなと。

yambejp

2018/05/30 03:59

UIについては判断がわかれるところですね基本的にはサービス側が決めていいものだというのが私の基本的な考え方です。たとえばハンバーガーメニュー的なものもユーザーのアクセシビリティを実はおとしているようで、リンクを踏む頻度が落ちているという統計があったかと思います。結局は何かの機能をつけるとなにかを制限することになる可能性は少なからずあるということで。またサンプル追記してあるとおりリンクはかならずしもアンカーでするとは限らないので疑似アンカーを実装すれば右クリックを制限するという考え方もいらないですね

行動規範の内容に同意します

右クリックの場合はclickではなくcontextmenuです。