ホームページ >ウェブフロントエンド >jsチュートリアル >Jquery は Enter キーに応答し、フォーム操作 code_jquery を直接送信します。

Jquery は Enter キーに応答し、フォーム操作 code_jquery を直接送信します。

WBOY
WBOYオリジナル
2016-05-16 16:41:151334ブラウズ

これは次のようなものです。ログイン ページを作成し、フォームを削除し、Jquery の Ajax を直接使用してサーバーと対話しましたが、この場合、ブラウザーはデータを送信するための Enter キーにデフォルトで応答しません。 。 Enter キーの応答を Jquery に引き継がせるだけです:

コードをコピー コードは次のとおりです:

$("#loginbox input[type='submit']").click(function() {
//Ajax とサーバーの対話型検証
});
$('#loginbox').keydown(function(e){
If(e.keyCode == 13){
//ログインボタンのクリックをシミュレートし、上記の Click イベントをトリガーします
$("#loginbox input[type='submit']").click();
}
});

keydown を使用する場合、IE6 が動作しない可能性があります。解決策については以下をお読みください。

キーボード イベントは 3 つあります:

キーダウン、キープレス、キーアップはそれぞれ、キーボードを押すこと、上げずに押し続けること、キーボードを上げることを意味します。

正しいコードは次のとおりです:

コードをコピー コードは次のとおりです:

$(ドキュメント).keyup(関数(イベント){
if(event.keyCode ==13){
$("#submit").trigger("click");
}
});

推奨: ラップトップのキーボードが誤って触れないようにするためのキーアップ

1. いくつかの文書には次のように書かれています:

コードをコピー コードは次のとおりです:

$(ウィンドウ).keydown(function(){
...
})

XP システムの IE6 では失敗します。

2. INPUT
もあります。

コードをコピー コードは次のとおりです:

$("input").keydown(function(){
...
})

この場合、キーボード イベントは、入力がフォーカスを取得したときにのみ監視できます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。