- ベストアンサー
特定の場所でEnterが押された時だけjavascriptを呼び出すには？
<form name="f1"> <input type="text" name="t1" > <input type="text" name="t2" > <input type="text" name="t3" > </form> 上のようにtextが３つあってt3の所でEnterが押されたときだけjavascriptの 関数example()を呼び出すにはどのようにしたらよいのでしょうか？
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<script type="text/javascript"> <!-- function keyCheck(e){ //t3上でのキー押下時keyCodeがEnterにあたる13だったらexample()実行 if(e.keyCode==13)example(); } function example(){ alert("Enterが押されexample()が呼び出されました"); } // --> </script> <form name="f1"> <input type="text" name="t1" > <input type="text" name="t2" > <input type="text" name="t3" onkeydown="keyCheck(event)"> </form>
関連するQ&A
- フォーム内のテキストフィールドにアドレスを入力後、Enterキーを入力して移動したい
フォーム内のテキストフィールドにアドレスを入力後、Enterキーを入力して 移動するにはどうすればよいのでしょうか？ 以下のようなコードを作成したのですがうまくいきませんでした。 <html> <head> <script type="text/javascript"> function jumpURL() { url = document.f.t.value; location.href = url; } </script> </head> <body> <form name="f" onSubmit="jumpURL()"> <input type="text" name="t" id="t"> </form> </body> </html> ご存知の方がおられましたらご回答をよろしくお願いします。
- ベストアンサー
- JavaScript
- textbox間の結合時、空白の時は、スペースを省きたい
<script type="text/javascript"> <!-- function ketugou(){ document.f.q.value=document.f.t1.value+" "+document.f.t2.value+" "+document.f.t3.value+" "+document.f.t4.value+" "+document.f.t5.value; } //--> </script> <form name="f"> キーワードを入力：<br> <input type="text" size="55" name="t1"><br> <input type="text" size="55" name="t2"><br> <input type="text" size="55" name="t3"><br> <input type="text" size="55" name="t4"><br> <input type="text" size="55" name="t5"><br> <input type="button" name="connect" value="結合" onClick="ketugou()"><br> 結合時の内容を表示：<br> <input type="txt" name="q" size="55" maxlength="255" ><br> </form> で、空白のテキストボックスの場合は、スペース（" "）なしで、 結合させたいんですが、どうしたら、良いのでしょうか？
- ベストアンサー
- JavaScript
- エンターでsubmitさせたい
テキストボックスが複数あるようなフォームを作っているのですが、 submitボタンを表示させず、エンターのみで動作するものを作りたいと思っています。 stype="display:none;"で表示を消すことができたのですが、 エンターを押しても動作しません。 ご存知の方教えて頂けると大変助かります。 <form method="post"> <input type="text" size="10" name="obj1"> <input type="text" size="10" name="obj2"> </form> <? print $_POST['obj1']."<br>"; print $_POST['obj2']."<br>"; ?>
- ベストアンサー
- PHP
- Enterで指定のテキストボックスにフォーカスを・・・
Enterを押すと指定のテキストボックスにフォーカスを移動させたいのですがやり方がわかりません・・・。 例えば以下の様なフォームで TB1→TB2→TB3→TB5→TB6 という具合に移動させたいです。 どうか皆さんのお知恵をお貸しください。 <form name = "textbox"> <input type = "text" name="TB0" onFocus="this.blur()"> <input type = "text" name="TB1"> <input type = "text" name="TB2"> <input type = "text" name="TB3"><br> <input type = "text" name="TB4"onFocus="this.blur()"> <input type = "text" name="TB5"> <input type = "text" name="TB6"> </form>
- ベストアンサー
- JavaScript
- JavaScriptの計算式を添削してください。
250×変数Ａ＋200×変数Ｂ＋150×変数Ｃ＝合計という 計算をしたくて過去の質問をヒントに自分なりに工夫して 作成いたしました。（JavaScriptは超初心者） 変数Ａ～Ｂには整数が入ります。 自分で動作を確認したところ問題無く動くようですが、 何か問題がないか心配です。 これでいいのか、間違っているところがないか 確認願いますでしょうか。 <HTML> <HEAD> <SCRIPT language="JavaScript"> <!-- function calc() { document.f.t4.value = eval(250) * eval(document.f.t1.value)+eval(200) * eval(document.f.t2.value)+eval(150) * eval(document.f.t3.value); return true; } //--> </SCRIPT> <TITLE></TITLE> </HEAD> <BODY> <FORM name="f"><INPUT type="text" name="t1" onkeyup="calc()" value="0"><INPUT type="text" name="t2" onkeyup="calc()" value="0"><INPUT type="text" name="t3" onkeyup="calc()" value="0"> ＝ <INPUT type="text" name="t4"></FORM> </BODY> </HTML>
- ベストアンサー
- JavaScript
- テキストボックスをEnterキーで移動する際のビープ音
あるテキストボックスでEnterキーを押すと、次のテキストボックスに移動する スクリプトを組んだのですが、動作はしますが必ず「ブー」というビープ音が 鳴ってしまいます。 たぶん、改行できないテキストボックス内でEnterキーを押すことで、「ダメだよー」 っという警告だと思うのですが、どうにかして消すことはできないのでしょうか？ どのような些細なことでも構いませんので、ご教授願います！ ～Java Script～ function Change(){ if(event.keyCode==13) document.form.name2.focus(); } ～HTML～ <FORM NAME="form"> <INPUT TYPE="text" NAME="name1" onKeyDown="Change()"> <INPUT TYPE="text" NAME="name2"> </FORM>
- ベストアンサー
- JavaScript
- javascriptでhtmlの書き換え
t.htmlというファイルで、下のような画面を作ります。 example1へ「Ｔｏｐへ」 example2へ「top.html」 と入力してボタンを押すと、 <a href="top.html" target="_blank"> Ｔｏｐへ </a> というリンクが「インデックスを開く」の下に現れる というふうにしたいです。 また、再度t.htmlを開いた時には、前回追記したリンクが最初から表示されているようにしたいです。 javascriptを使って実現するにはどうしたらよいでしょうか？ 若しくは、javascritpを使わずにできる方法があれば教えてください。 よろしくお願いします。 ######################################################## <a href="index.html" target="_blank"> インデックスを開く </a> <input type="text" name="example1" size="50"> <input type="text" name="example2" size="50"> <input type="button" value="汎用ボタン"> ######################################################## ↓ ######################################################## <a href="index.html" target="_blank"> インデックスを開く </a> <a href="top.html" target="_blank"> Ｔｏｐへ </a> <input type="text" name="example1" size="50"> <input type="text" name="example2" size="50"> <input type="button" value="汎用ボタン"> ########################################################
- ベストアンサー
- その他(ソフトウェア)
- javascriptでのアラート表示
javascriptで大変困っております。 ラジオボタン・テキストエリアにまたがったチェックアラートをだしたいのですが、うまくいきません。 <script> function form_check(f) { if (f.Q1.value == "") { alert("・未記入です！"); return false; } ・ ・ ・ if (f.Q6.value == "") { alert("・名前が未記入です！"); return false; } else return true; } function reset_conf() { if (confirm("フォーム内容をリセットします！\n\nよろしいですか？")) return true; else return false; } </script> -------- <FORM ACTION="hogehoge.cgi" METHOD="POST" onSubmit="return form_check(this)"> 教育:<INPUT TYPE="radio" NAME="Q1" VALUE="OK"> テスト:<INPUT TYPE="radio" NAME="Q2" VALUE="OK"> アンケート:<INPUT TYPE="radio" NAME="Q3" VALUE="OK"> AAA:<input name="Q4" type="text" /> BBB:<input name="Q5" type="text" /> CCC:<input name="Q6" type="text" /> <INPUT TYPE="hidden" NAME="number" VALUE="6"> <INPUT TYPE="submit" NAME="answer" VALUE="送信する"> <INPUT TYPE="reset" NAME="reset" VALUE="リセット"> </FORM> </form> ------- テキストエリアのアラートチェックは出来ない状態です。 すべてにチェックまたは、テキスト入力がされていないと送信できないようにしたいのです。 どうしたらよいでしょうか？
- 締切済み
- JavaScript
- ENTERについて
<INPUT TYPE="TEXT" NAME="no" SIZE="10" MAXLENGTH="8"> というtextエリア内でenterキーを押した時に、 <INPUT TYPE="button"VALUE="Go!"onClick="openWin0003( '2','./test.html')"> と同じ処理を行うようにするにはどのように記述すれば いいのでしょうか？ textエリア内で、enterキーを押した時に任意のfunctionが実行されるにはどのようにするのかということなのですが・・・。 よろしくお願いします。
- ベストアンサー
- JavaScript
- ＪＡＶＡＳＣＲＩＰＴでＩＮＰＵＴ
ＨＴＭＬとＪＡＶＡＳＣＲＩＰＴとＪＳＰを使ってシステム構築をしております。 --------------- <html> <head> <SCRIPT Language="JavaScript"> <!-- function send() { alert("<input type=text name=name2>"); } // --> </SCRIPT> </head> <body> <form onSubmit="send(); return false;"> <input type=text name=name1> <input type=submit> </form> </body> </html> --------------- 上記のコードでやりたいことは、 submitボタンが押されたときにJAVASCRIPTを呼び出し JAVASCRIPT上で文字を入力し次画面へ送信するような機能を作りたいと思っているのですが、本を見てもなかなか載っていません。 もしかしたらJAVASCRIPTだけではできないかもしれません。 ＪＳＰまたはＰＨＰで出来る機能でも良いので教えてください。
- ベストアンサー
- JavaScript
お礼
回答ありがとうございます。完全にうまくいきました。