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

jQuery でのマウス クリック タイプの識別

JavaScript では、jQuery を使用してクリックを取得するのは簡単ですが、マウスの左クリックと右クリックを区別するには追加の処理が必要です

両方のクリックをキャプチャするために、jQuery はクリック イベント ハンドラーを提供します。ただし、ボタンは区別されません。

event.that によるイベントの正規化

文書に記載されているように、jQuery バージョン 1.1 以降、event.that はブラウザー全体でイベント コードを正規化します。 .3。一貫した値が提供されます:

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

クリックにevent.thatを使用する区別

これを利用して、event.that を利用してクリックを区別できます。

$('#element').mousedown(function (event) {
  switch (event.which) {
    case 1:
      console.log('Left Mouse button pressed.');
      break;
    case 2:
      console.log('Middle Mouse button pressed.');
      break;
    case 3:
      console.log('Right Mouse button pressed.');
      break;
    default:
      console.log('Unidentified Mouse button pressed.');
  }
});

この実装により、左、中、右のマウス クリックをベースに処理できるようになりました。それぞれのイベントの値。

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