ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryでマウスの左クリックと右クリックを区別するにはどうすればよいですか?

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

DDD
リリース: 2024-12-09 12:29:16
オリジナル
128 人が閲覧しました

How to Distinguish Left and Right Mouse Clicks with jQuery?

jQuery を使用してマウスの左クリックと右クリックを区別する方法

jQuery のクリック イベント ハンドラーは左マウス クリックと右マウス クリックの両方に応答しますが、それらを区別するための具体的なオプションがありません。ただし、jQuery バージョン 1.1.3 で導入されたevent.that プロパティを利用すると、クリック イベントをトリガーしたマウス ボタンのタイプを簡単に判断できます。

具体的には、event.that はさまざまなマウスに対して次の値を提供します。ボタン:

  • 1: 左ボタン
  • 2: 中ボタン
  • 3:右ボタン

このプロパティを使用すると、クリックされたボタンに基づいて異なる応答を行う jQuery イベント ハンドラーを構築できます。

$('#element').mousedown(function(event) {
    switch (event.which) {
        case 1:
            // Code to handle left mouse click
            break;
        case 2:
            // Code to handle middle mouse click
            break;
        case 3:
            // Code to handle right mouse click
            break;
        default:
            // Code to handle unexpected mouse button
    }
});
ログイン後にコピー

event.that プロパティと Mousedown を利用することで、イベント ハンドラーを使用すると、jQuery を使用してマウスの左クリックと右クリックを効果的に区別できるため、押された特定のマウス ボタンに基づいてカスタマイズされた動作を実装できます。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート