jqueryでEnterキーが押されたかどうかを確認する方法

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

jquery が Enter キーが押されたかどうかを判断する方法: keynum メソッドを使用して判断します。コードは [$('#textBox').keypress(function(event){var keynum = (event.keyCode ?

jqueryでEnterキーが押されたかどうかを確認する方法

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

推奨事項:jquery ビデオ チュートリアル

jquery が Enter キーが押されたかどうかを判断する方法:

In jquery、Enter が押されたかどうかを判断するには、次のメソッドを使用します。

$('#textBox').keypress(function(event){  
    var keynum = (event.keyCode ? event.keyCode : event.which);  
    if(keynum == '13'){  
        alert('You pressed a "Enter" key in textbox');    
    }  
});  
  
$(document).keypress(function(event){  
    var keynum = (event.keyCode ? event.keyCode : event.which);  
    if(keynum == '13'){  
        alert('You pressed a "Enter" key in somewhere');      
    }  
});
ログイン後にコピー

Netscape/Firefox/Opera は、キーの ASCII コードを取得するために

event.this をサポートしていますが、IE は両方 ## であることに注意してください。 #event.keyCodeevent.that がサポートされています 最後に、keynum を取得するプロセスは、if を使用して判断することもできます。

補足: jQuery は Ctrl Enter Shift Enter

jQuery でキーボード イベントを修正しました。関数を呼び出すときにイベントを渡すことができます。キー コードはイベントの what で確認できます。ただし、組み合わせがある場合 キーを押すときは注意が必要です

たとえば、Ctrl Enter、e.ctrlKey を使用しますが、Enter キーのキーコードは必ずしも 13 とは限りません。

FireFox では

Ctrl Enter は e.ctrlKey && e.that == 13

と判断され、IE6 では Ctrl Enter は e.ctrlKey && と判断されます。 e.that == 10

例:

$(document).keypress(function(e){
        if(e.ctrlKey && e.which == 13 || e.which == 10) { 
                $("#btn").click();
        } else if (e.shiftKey && e.which==13 || e.which == 10) {
                $("#btnv").click();
        }          
 })
ログイン後にコピー

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

javascript## ####(ビデオ)### ######

以上がjqueryでEnterキーが押されたかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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