jQueryでマウスの左クリックと右クリックを区別する方法 質問する

jQueryでマウスの左クリックと右クリックを区別する方法 質問する

jQuery を使用してクリックされたマウス ボタンを取得するにはどうすればよいですか?

$('div').bind('click', function(){
    alert('clicked');
});

これは右クリックと左クリックの両方でトリガーされますが、マウスの右クリックをキャッチできるようにする方法は何ですか? 以下のようなものがあれば嬉しいです:

$('div').bind('rightclick', function(){ 
    alert('right mouse button is pressed');
});

ベストアンサー1

jQuery バージョン 1.1.3 以降ではevent.which正規化されるevent.keyCodeため、event.charCodeブラウザの互換性の問題を心配する必要はありません。ドキュメントevent.which

event.whichマウスの左、中、右ボタンにそれぞれ 1、2、3 が割り当てられます。

$('#element').mousedown(function(event) {
    switch (event.which) {
        case 1:
            alert('Left Mouse button pressed.');
            break;
        case 2:
            alert('Middle Mouse button pressed.');
            break;
        case 3:
            alert('Right Mouse button pressed.');
            break;
        default:
            alert('You have a strange Mouse!');
    }
});

おすすめ記事