中間クリックと新しいタブリンクのクリックをインターセプトできますか？

Question

私は、特定のアンカー要素のリンクを傍受し、それらを追跡したいとします。私は次のものを持っています。

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

ブラウザによっては、auxclickeventがあります。 event.whichto track middle buttonも追跡できます。コンテキストメニュー経由

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

オープニングは、おそらく追跡可能ではないですが、あなたはoncontextmenuイベントを持つことができます。

P.S.少なくともChromeは、中央のボタンで新しいタブを開くときにクリックを誘発しません。しかし、それはmouseupをトリガーします。