SYNCKGRAPHICA/札幌 ホームページ制作
technote

ENTER押されたらフォーカスを次へ

formでよくあるENTERキーやRETURNキーを誤って押下したことによるsubmitの暴発を防ぐためのJavascript。

を抑制する意味も含めて次期メールフォームへ実装要件としてもあがっていたENTER・RETURN押下で次のエレメントへフォーカスをするJavascriptです。key eventを使おうかとも思ったのですがブラウザに依存するのでやめてみました。

Safari・Firefox・IEでは動作確認してます。たぶんクロスブラウザスクリプティング!?

単純にonsubmitで起動してアクティブなオブジェクトの次のオブジェクトを返すイメージで作ってみました。

その関係でsubmitをかける場合はbuttonなんかのonclickからsubmitする必要がありますが。

そして非常にアレなんですがtextとかでENTER押下でsubmitはsubmitが同一フォーム内にないと駄目なんですね…。で、形骸だけのsubmitを見せるのもアレなので隠しちゃってください。なんかちょっと美しくないですけど…。

添付ファイル

[ 更新:2008-04-16 23:08:28 ]

その他の記事

記事のインデックスに戻る

CLOSE