jsでホイールクリックを無効にしたい

質問

javaScriptでホイールクリックを無効にする方法について教えて下さい。

IE10でホイールクリックを無効（新しいタブで開かなければOK）としたいのですが
以下javaScriptを実装しても新しいタブで開いてしまいます。
chromeであれば元のタブ上で開くことは確認済です。

$('a').click(function(e) {
　window.location.href = $(e.target).attr('href');
　return false;
});

clickイベント内でログを出力してみましたが、ログが出力されなかったため
IEでは、このclickイベントが実行される前にタブが開いているのでしょうか？

また、jquery.detailclick.jsを読み込んで、以下を実装してみましたが、
これも動作しませんでした。

$(document).ready(function(){
　$('a').bind("wheelClick",function(e){
　　return false;
　});
});

コードが誤っている、別の方法で実装できる等、ご存知の方教えて頂けませんか？

回答No.4

babu_baboo · ベストアンサー

<style>
a > span {
background:red;
}
</style>

だから、よみこんだあとからだよ。
こちらのIE10は、よくせいできている。

はいけいが赤になる！のCSSついかしてかくにんして！

お礼

すみません。私が間違えているようですね。
p.tagNameの中にDIVが入ってしまっているので、他のタグが影響しているのかもしれません。
もう少し自分で考えてみます。

一度締めます。ありがとうございました。

回答No.3

babu_baboo

#2です。
訂正です。
ごめんです。
document.addEventListener ('click', handler, false);

補足

回答ありがとうございます。

やってみたところ、やはりchormeでは動きますがIEでは動作しませんでした…。
handlerの中にconsole.log("test");を記載してみても、元タブにログが出力されないです。
IEは、イベントの処理前に新しいタブを開いてしまっているのでしょうか？

回答No.2

babu_baboo

よみこみがしゅうりょうしたら、アンカーたぐのなかを span のなかにうつすってのはどう？

(function () {
　var A = document.querySelectorAll ('a');
　var s = document.createElement ('span');

　Array.prototype.forEach.call (A, function (a) {
　　var cron = this.cloneNode (false);

　　while (a.hasChildNodes ())
　　　cron.appendChild (a.firstChild);

　　a.appendChild (cron);
　}, s);

}) ();

function handler (event) {
　var e = event.target;
　var p = e.parentNode;

　if ('A' === p.tagName)
　　if (event.button === 1)
　　　return event.preventDefault ();
}

document.addEventListener ('click', handler, true);

回答No.1

play_with_you

https://www.google.co.jp/search?q=javascript+%E3%83%9B%E3%82%A4%E3%83%BC%E3%83%AB%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF+IE
検索ぐらいしましょう。

というかそれ以前に「新しいタブで開けない」という迷惑行為をやめなさい。

補足

検索した上で、実装してみたのですがうまくいかなかったので、お伺いしています。

event.buttonでどのボタンがクリックされたのかで判別してみましたが、
これもchromeではうまくいきますが、IE10では動作しませんでした。

$("a").click(function(e){
　if(e.button == 1){
　　return false;
　}
});

「新しいタブで開けないという迷惑行為」というのも理解しています。
限られたところだけに公開する予定で、そういった要望があるため実装したいのです。