IEで別タブ・別ウインドウで開くことを禁止

webでとあるページを作っています。
最終的な目標は、「リンクをクリックするとき、別タブ・別ウィンドウで開かせず、そのタブ内でのみ遷移させたい」ということです。

このようなソースを書きました。

function alt() {
window.alert("右クリック禁止");
}

function mouseListener(evt){
var bt=(document.all)?(event.button==1?0:(event.button==4)?1:event.button):evt.button;

if(bt==1){ window.alert("中ボタン禁止");return false; }

}
document.onmousedown=mouseListener;

・
・
・

・
・
・

このソースでFirefox、Chrome、Opera、Safariでは思い通りの挙動になったのですが、IE11では思い通りになりません。
むしろ今回はIEで使ってもらう予定なので、ほかのブラウザでは動かなくてもいいからIEでだけ開かないようになってほしいというところです。

さて、具体的にIEだとどうなるかですが、
function alt()・・・これはOK。

document.onclick = function( e ){
・・・「ShiftKey」のときはアラートが出て、きちんと止まるのですが、「ctrlKey」のときがウィンドウが開いてしまいます。

こちらに関しては、

と言うのを別に作ると、なぜかきちんと止まります（「shiftKey」にも影響を及ぼしません）。

function mouseListener(evt){
・・・これだけが本当にどうにもなりません。

「document.onmousedown=mouseListener」となっていますので、押した瞬間はアラートが出てウィンドウも当然開かないのですが、離した瞬間ウィンドウが開いてしまいます（当然と言えば当然ですが）。

document.onmousedown=mouseListener;
document.onmouseup=mouseListener;
と二つ並べるのも試しましたが、アラートが二つ出るだけでやはりウィンドウが開いてしまいます。
（ちなみに中クリックでリンクをクリックし、アラート小窓が出たときにその小窓の上でマウスを離すと別ウィンドウでは開かないようです）

こんな感じなのですが、どうにかなりますでしょうか。
かいつまんで言うと「IEで、中ボタンでリンクをクリックしても別タブ・別ウインドウで開かないようにしたい」と言うところです。

どうぞよろしくお願いいたします。

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

回答2件

ベストアンサー

以下のようにしてみるのはどうでしょうか。

html
1<!DOCTYPE html>
2<html lang="ja">
3  <body>
4    <a href="javascript:void(0)" data-href="https://teratail.com">別タブ禁止</a>
5    <a href="https://teratail.com">別タブ許可</a>
6    <script type="text/javascript">
7
8      // data-hrefを持つa要素は左クリック・中クリック問わずページ遷移させる
9      [].forEach.call(document.querySelectorAll("a[data-href]"), function(elem) {
10        elem.onclick = function (e) {
11          location.href = elem.getAttribute("data-href");
12        };
13      });
14  </script>
15  </body>
16</html>
17