ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryでマウスの左ボタンと右クリックを区別する方法

jQueryでマウスの左ボタンと右クリックを区別する方法

coldplay.xixi
リリース: 2023-01-04 09:36:52
オリジナル
2463 人が閲覧しました

マウスの左クリックと右クリックを区別するための Jquery メソッド: 右クリックを区別するには [event.that] 属性を使用できます。[event.that] 属性は、指定されたキーボード キーまたはマウス ボタンが押されたことを返します。イベント、コード [スイッチ(event.what)]です。

jQueryでマウスの左ボタンと右クリックを区別する方法

#このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、thinkpad t480 コンピューター。

#推奨:

jquery ビデオ チュートリアル##jquery での左クリックと右クリックを区別する方法:

jquery の event.that

属性を使用して、右クリックを区別できます。

event.thatプロパティは、指定されたイベントでどのキーボード キーまたはマウス ボタンが押されたかを返します。 event.これは、マウスの左ボタン、中ボタン、右ボタンにそれぞれ 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!');
    }});
ログイン後にコピー

関連する無料学習の推奨事項:

javascript(ビデオ)

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

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