ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript Enterキーを押して対応するボタンを押してevent_javascriptスキルを送信します

JavaScript Enterキーを押して対応するボタンを押してevent_javascriptスキルを送信します

WBOY
リリース: 2016-05-16 18:42:33
オリジナル
1157 人が閲覧しました

1. 送信ボタンを使用して送信し、フォームフォームの onsubmit イベントでフォーム検証を実行します。




<フォームアクション="" メソッド="" onsubmit="javascript:onSub();">

2. ボタンを使用するか、画像の onclick イベントでフォーム検証コードを呼び出します:
コードをコピー コードは次のとおりです。

< input type="button" name="button" id="button" onclick="javascript:onSub();" /> img src="画像パス" onclick="javascript:onSub (); />


ただし、2 番目の方法を使用してフォームを送信する場合は、Enter キーを押してもフォームを送信できません。フォームに記入します。これにより、送信ボタンを直接使用してフォームを送信するのとは異なる

感覚が得られます。この機能を実装するには、次の JavaScript コードをページに追加するだけです


function butOnClick() {
if (event.keyCode == 13) {
var button = document.getElementById("bsubmit"); //bsubmit はボタン ボタンの ID です
button.click();
return
}
}


フォームの最後の入力項目で onkeydown イベントをトリガーし、butOnClick() 関数を呼び出します。たとえば、ログイン プログラムの最後の項目がパスワードの場合、

< ;input type="password" name= "userPwd" onkeydown="javascript:butOnClick();" />

このようにして、パスワードを入力した後、Enter キーを押してフォームの検証を実行します。ログイン操作 (ユーザー名とパスワードが正しい場合)。これは個人的なまとめですので、ぜひシェアしてください

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