ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML に行を入力した後、Enter キーを押して次の行にジャンプする方法 form_html/css_WEB-ITnose

HTML に行を入力した後、Enter キーを押して次の行にジャンプする方法 form_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:15:59
オリジナル
3206 人が閲覧しました

インターネットで見つけた方法は です
これは実際に IE で可能です、ただし、Google または Firefox ブラウザでは機能しません。行を入力したら、Enter をクリックして直接送信します。どうやってするの?ありがたい!


ディスカッションへの返信(解決策)

JSは別に書くべき

具体的なやり方

onkeydownイベントとobj.focus()

結果を自分でテストしてみる

onkeydown="if(event. keyCode= =13){event.keyCode=9;alert(event.keyCode);}"

IE は 9 を出力します
Firefox は 13 を出力しますが、これはまったく変わりません。 。

原理は何ですか? 。ご相談お待ちしております。 。たくさんの情報を調べましたが、まだわかりません。

質問の実装方法については:
前述のように、onkeydown イベントと obj.focus();

1. フォームの onkeydown イベントで Enter キーを判断するときに onsubmit イベントをシールドします。
2. 入力でelement onkeydown のカーソルは次の入力要素を指します (コードを使用してタブ操作を実装する方法、event.keyCode=9 と似ているため...互換性が強くないこともわかりました...)

関数を使用します

function x () {
var e = argument[0] ||
if(e.keyCode==13)e.keyCode=9;

次に、次のように HTML を記述します。これ











document.getElementById("inputId").onkeydown = function(e) {
var e = e || window.e
if(event.keyCode==13) )event.keyCode=9 "
}

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