2007年7月25日
【Javascript】Enter入力でSubmit
以前ラジオボタンで異なるPOST処理のスクリプトを書いたが、Enterを押すと入力内容が消えてしまうというバグがあった。これでは、ユーザは混乱してしまうので、入力時にEnterを押したらSubmitが行われるような処理を書いてみた。
input type="text" name="kywd" size="24" value="" onkeydown ="mySubmit()"
テキストボックスのイベントハンドラにonkeydownで処理させるのがポイント。
あとは、Enter時の処理を書くのみ。
function mySubmit(){
var form=document.form5;
if(event.keyCode == 13){
changeAction();
}
}
// changeAction()は異なるPOST処理で作った関数。
JavaScript でサブミットボタンを押したことにするには、Form オブジェクトの submit() メソッドを用います。
function func() {
document.form1.submit();
}
IEは○、NN×、FFも微妙。
関連
フォーム制御
Enterが押された次の項目
- by editor
- at 10:02
編集長のおすすめの一冊！2010
comments