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

解決済

質問者：jim_23
質問日時：2005/02/05 21:14
回答数：2件

やっぱりなりませんでした！！！

SUBMITボタンを完全になくしてしまうと
ENTERキーを押した時にカーソルがSUBMITボタンに
いかない為、SUBMITがかからないみたいです。

見かけ上、ボタン自体がみえないようにして
ENTERキーを押した時、SUBMITがかかるように
なる方法はないでしょうか？？

よろしくおねがいします。

この内容で理解できない場合は前の質問を参照してください。すいません。。。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： const
回答日時：2005/02/05 22:52

キー入力を捕捉するのはどうでしょう。

<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=...

- 1
- 件

通報する

この回答へのお礼

ありがとうございます！！！！

ちゃんとボタンを表示しないでENTERキーで
SUBMITが実行されました！！！！

本当にありがとうございます！！！！！

通報する

お礼日時：2005/02/08 08:52

No.1

回答者： noname#83116
回答日時：2005/02/05 21:43

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 ボタンにフォーカスをあわせるようにしています。