javascript submit()の後の動作

質問

scriptはjsファイルで分離しています。
送信ボタンをクリックした場合の動作は期待通りの動作をしています
エンターキーを押したときの動作が、フォームの送信は正常に実行されるのですが、
document.getElementById('ctxt').value= '';が実行されません。
その後、試しにアラートも入れてみましたけど、動作していないようです
document.forms[txt_submit].submit();の後の部分が実行されるようにするにはどうしたらいいのでしょうか？

function Key_on(){
if(window.event.keyCode == 13){
document.forms[txt_submit].submit();
document.getElementById('ctxt').value= '';
alert('ん？');
}
}
function send(){
document.txt_submit.submit();
document.getElementById('ctxt').value= '';
}

-----------------
<form id="txt_submit" name="txt_submit" action="log.cgi" method="post" target="log" autocomplete="off">
<input type="text" id="ctxt" name="ctxt" size="20" value="" onkeydown="Key_on()">
<input type="button" value="送信" onclick="return send();">
</form>

回答No.2

megurizumu · ベストアンサー

＞document.forms[txt_submit].submit();の後の部分が実行されるようにするにはどうしたらいいのでしょうか？
まずこの部分ですが、
---------------
document.forms[txt_submit].submit();
---------------
ではなく、send()の中で指定しているのと同様、
---------------
document.txt_submit.submit();
---------------
にする必要があると思います。

これにより、ChromeとIE11での動作は手元でも確認できました。
ただ、FireFoxだと「window.event.keyCode」の値が取れないようでエラーになります。

eventをKey_onの関数に渡すやり方はいくつか在るかとは思いますが、簡単な方法としては、
■HTML
---------------
<input type="text" id="ctxt" name="ctxt" size="20" value="" onkeydown="Key_on(event.keyCode)">
---------------
event.keyCodeを引数として渡す。

■Javascript
---------------
function Key_on(keyCode){
if(keyCode == 13){
document.txt_submit.submit();
document.getElementById('ctxt').value= '';
alert('ん？');
}
}
---------------
keyCodeで受けて判定する。

という形にすれば期待の動作になるかと思うのですがいかがでしょうか・・・？

確認しているブラウザはFireFox

お礼

ありがとうございます
複数のPCとブラウザで確認したところクロームだけ期待の動作をしないという結果になりました。
クロームだけ別の処理をする方向で考えたいと思います

回答No.1

hwoa1024

submitは画面遷移を伴います。
このソースを見る限り、遷移先はlog.cgiになるので
submit()のあとは次の行に行かずにlog.cgiファイルに飛んでしまいます。

動作させるにはsubmit()の前にソースを書くか、
もしくはlog.cgi側にソースを書くしかありません。

お礼

回答ありがとうございました(｀・ω・´)