javascript - 我可以拦截中间点击和新标签链接点击吗？

Question

假设我想拦截某些 anchor 元素链接并跟踪它们。我有以下有效的方法。

HTML

<a href="/foo" data-mytracking="fooclicked">go to foo</a>

JS

$('a[data-mytracking]').click((event) => {
  event.preventDefault();
  // Do some synchronous code to log tracking
  console.log(event.target.getAttribute('data-mytracking'), event.target.href);
  window.location = event.target.href;
});

有没有办法让这个点击代码仍然拦截中间点击或右键点击“在新标签页中打开”？我知道如果我制作 href="javascript:void(0)" 就可以做到这一点。但随后人们将无法在新标签页中打开。

Answer 1

有些浏览器有auxclick event .您还可以跟踪 event.which to track middle button .

$("a[data-mytracking]").on('click', function(ev) { 
   if( ev.which== 2 ) {
      e.preventDefault();
      // do smth else 
   }
});

通过上下文菜单打开可能无法跟踪，但您可以有 oncontextmenu 事件。

附言至少 Chrome 不会触发点击打开带有中间按钮的新标签页。但它确实会触发 mouseup。