• ベストアンサー

SUBMITボタンを表示させないでSUBMITを実行する方法その2

やっぱりなりませんでした!!! SUBMITボタンを完全になくしてしまうと ENTERキーを押した時にカーソルがSUBMITボタンに いかない為、SUBMITがかからないみたいです。 見かけ上、ボタン自体がみえないようにして ENTERキーを押した時、SUBMITがかかるように なる方法はないでしょうか?? よろしくおねがいします。 この内容で理解できない場合は前の質問を参照してください。すいません。。。

質問者が選んだベストアンサー

  • ベストアンサー
  • const
  • ベストアンサー率66% (12/18)
回答No.2

キー入力を捕捉するのはどうでしょう。 <html><head><title>Test</title> <script type="text/javascript"> function checkKeyDown(key) { if (key == 13) { document.forms['targetform'].submit(); return false; } return true; } </script></head><body onkeydown="return checkKeyDown(event.keyCode)"> <div><form id="targetform" method="get" action=""> <input type="hidden" name="foo" value="bar"><input type="text" name="opt"> <noscript><input type="submit" value="送信"></noscript> </form></div></body> 又はMozillaに配慮すると ...<script type="text/javascript"> var done=0; function checkKeyDown(key) { if (key == 13) { if (!done) { document.forms['targetform'].submit(); done = 1; } return false; } return true; } </script></head><body onkeypress=...

jim_23
質問者

お礼

ありがとうございます!!!! ちゃんとボタンを表示しないでENTERキーで SUBMITが実行されました!!!! 本当にありがとうございます!!!!!

その他の回答 (1)

noname#83116
noname#83116
回答No.1

submit ボタンにフォーカスが合ってないからだと思います。 以下のようにしてみてはどうでしょう。 <html> <head> <title></title> </head> <body onLoad="document.form1.field1.focus()"> <form name="form1"> <input type="submit" style="display:none" name="field1"> </form> </body> ページを読み込んだときに自動的に submit ボタンにフォーカスをあわせるようにしています。

jim_23
質問者

お礼

早速の回答ありがとうございました!!!