jQuery を使用してマウスの左クリックと右クリックを区別するにはどうすればよいですか?

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

jQuery でマウス クリック イベントを処理する場合、左クリックと右クリックを区別するという課題に遭遇する可能性があります。およびマウスの右クリック。 $('div').bind('click', function(){alert('clicked'); }) は両方のクリックをキャプチャしますが、それらを区別する簡単な方法は提供しません。

jQuery イベント オブジェクトを使用した解決策:

マウス ボタンを区別するために、jQuery はイベント オブジェクト内にevent.that プロパティを提供します。このプロパティは、event.keyCode およびevent.charCode.

Event.that およびマウス ボタン:

event.that に関連するブラウザーの互換性の問題を正規化します。マウスごとに異なる値が返されます。ボタン:

• 1: 左マウスボタン
• 2: マウスの中ボタン
• 3: マウスの右ボタン

微分の実装:

event.that を使用すると、次のことができますこの微分を次のように実装します。

$('#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!');
    }
});

このコードは、イベント ハンドラーを特定の要素 #element に割り当てます。マウスをクリックすると、event.what の値がチェックされ、マウス ボタンが押されるたびに適切なメッセージが表示されます。

以上がjQuery を使用してマウスの左クリックと右クリックを区別するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。