jQuery IEでctrl + click判別

質問

jQueryは2.0.0を使用しております。

HTMLのpタグでくくった要素をクリックした際の判別を行いたいと思っております。
以下は参考となりますが、
<p class="button">ボタン</p>

上記のボタンをクリックしたことを取得するため、
$(".button").click(function(event) {
alert("アラート");
});

こちらでアラートが表示されるようになりましたが、
crtlキー + クリックしたことを取得したいと思っております。

上記の処理でアラート部分を
if (event.ctrlKey){
alert("アラート");
}

としますと、Chrome、Firefoxの最新版でアラートが表示されますが、
IEでは表示されません。（私は、IE11、9で確認済みです）

IEでもctrl + clickされたことを取得できるようにしたいのですが、
ご教授いただけますと幸いです。

回答No.2

宮崎 雄策（@sutara79） · ベストアンサー

質問者さんのソースコードで問題なく動くと思います。
私は、Windows10のIE11と、そのエミュレートによるIE9で動作を確認しました。
デモとそのソースコードをギットハブで公開しているので、確認をお願いします。

参考URL：

https://github.com/sutara79/demo-jq-ctrlkey

お礼

sutara79様

ご回答いただきまして、ありがとうございます。
GitHubにてソースを共有いただきまして、大変強縮です。

こちらのソースで私の環境で試してみましたところ、IE9,8でアラートが表示されることを確認致しました。

pringlez様にご回答いただきました内容を元に私の方で試しているソースに近い形ですが、読み込んでいるjQueryのバージョンも合わせているのに私の方でアラートが出ないので、HTMLのボタンのコーディングの違いかもしれません。

アラートが出る形でソースをいただいておりますので、こちらを元に私がコーディングしましたHTMLの方を修正していきたいと思います。

ご教授いただきまして、とても助かりました。
どうもありがとうございます。

回答No.1

pringlez

そもそも論で、クリックイベントでキーボードの入力状態をとれることの方が特殊に感じます。最新のChromeとFirefoxで使えたとしても今後のバージョンでサポートされ続けるかわからない機能だと思います。そんな機能は使わない方がいいと思います。

今回のあなたのやりたいことを実現させるには通常、kedownイベントでCtrlキーだったらグローバル変数のフラグをtrueにし、keyupでfalseにする。で、clickイベント時にフラグを見て処理分けをすればいいと。キーイベントとマウスイベントは別々に処理するのが王道です。

お礼

pringlez様

ご連絡が遅くなってしまいまして、大変失礼致しました。
ご回答いただきまして、ありがとうございます。

キーボードでのイベントとマウスでのイベント、別々に処理をするということでとても勉強になりました。

別々に処理をした形で実装していたのですが、まだIEでアラートを出せないでおりますが、引き続き対応していきたいと思います。

ご教授いただきまして、とても助かりました。
どうもありがとうございます。