jQuery でマウスの左クリック、中クリック、右クリックを区別するにはどうすればよいですか?

jQuery でのマウス クリックの区別

jQuery にはマウス クリックを処理するための click イベントが用意されていますが、左クリックと左クリックを区別するための専用イベントがありません。そして右クリックします。この問題に対処するために、開発者は jQuery 1.1.3 で導入されたevent.that プロパティを利用できます。

解決策:

クリックされたマウス ボタンを確認するには、マウスダウンイベントを実行し、event.that プロパティを調べます。マウスの左ボタン、中ボタン、および右ボタンにそれぞれ 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!');
    }
});

これは信頼性の高いメカニズムを提供します。マウスのクリックを区別し、押されたボタンに基づいて対象を絞ったイベント処理を可能にします。

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