捕获事件点击“在新标签中打开链接”javascript或jquery - 隐藏URL

时间:2018-06-05 14:04:09

标签: javascript jquery

我知道我可以通过以下方式捕捉点击事件:左,右和中间按钮:

contextmenu    
e.which

但是,我需要捕获事件点击“在新标签页中打开链接”: 当您右键单击链接时,它会显示一个菜单,其中包含“在新标签页中打开链接”选项。

如何捕获该事件?

PD:不是右键单击事件,是您单击“在新标签页中打开链接”时的事件。

主要原因是,我正在试图隐藏附属网站的链接,但是当我右键单击并选择“在新标签中打开链接”选项,不工作时,它不会显示我真正隐藏的网址

我发现脚本在google中搜索但是我根据自己的需要编辑了脚本,但是我遇到了上面提到的问题。

代码:

(function ($) {

    ninja_href(".ninja-href");

function ninja_href_call(e,which)
{

  var ninja_url = e.target.getAttribute('data-ninja-url');
  var ninja_target = e.target.getAttribute('data-ninja-target');

  if(ninja_target == null || typeof ninja_target == undefined || which === 3)
  {
    ninja_target = "_self";
  }

  if(which === 2)
  {
    ninja_target = "_blank";
  }


  var win = window.open(ninja_url, ninja_target);
  if (win && ninja_target == "_blank")
  {
    win.focus();
  }
}



function ninja_href(element)
{
  if(element == null || typeof element == undefined){
    element = ".ninja-href";
  }

  if (document.addEventListener) 
  {
    document.addEventListener('click', function(e) {
      if(e.target && e.target.matches(element))
      {
        if (e.which === 1 || e.which === 2) 
        {
          e.preventDefault();
          ninja_href_call(e,e.which);

        }
      }
    }, false);

    document.addEventListener('mousedown', function(e) {
        if(e.target && e.target.matches(element))
        {
            if (e.which === 2) 
            {
                e.preventDefault();
                ninja_href_call(e,e.which);

            }
        }

    }, false);

    document.addEventListener('contextmenu', function(e) {
        console.warn(e);
      if(e.target && e.target.matches(element))
      {

      }
    }, false);
  } else {
    document.attachEvent('click', function() {
      if(e.target && e.target.matches(element))
      {
        if (e.which === 1 || e.which === 2) 
        {
          e.preventDefault();
          ninja_href_call(e,e.which);

        }
      }
    });

  }

}

}(window.jQuery));

任何想法

1 个答案:

答案 0 :(得分:2)

请看下面......这就是你如何处理它。

<script type='text/javascript'>
jQuery(function($){
    $('a').mousedown(function(event) {
        switch (event.which) {
            case 1:
                //alert('Left mouse button pressed');
                $(this).attr('target','_self');
                break;
            case 2:
                //alert('Middle mouse button pressed');
                $(this).attr('target','_blank');
                break;
            case 3:
                //alert('Right mouse button pressed');
                $(this).attr('target','_blank');
                break;
            default:
                //alert('You have a strange mouse');
                $(this).attr('target','_self"');
        }
    });
});