• ベストアンサー

【Javascript】でsubmit時に一瞬ページトップへ画面が動いてしまう

FORMのACTION先への画面遷移を、onClickを使ってsubmit()しています。 === Javascript部分 ============================ <SCRIPT TYPE="text/javascript"><!-- function hoge(a,b){ frm.elm1.value = a; frm.elm2.value = b; frm.submit(); } --></SCRIPT> === HTML ====================================== <A HREF="#" onClick="hoge(1,2);">ほにゃらら</A> =============================================== HREF="#" としているせいか、 クリック時にページ先頭へ動いてからFORMの遷移先へ画面が遷移します。 Aタグを使っているのはスタイルシートでhover時のスタイルを指定したい為です。 Javascriptでsubmitしているのはご覧のようにクリック時に一処理したい為です。 普通のリンクのように クリックしてから遷移するまでの間に画面が動かないよう 自然に見せるにはどのようにすれば実現できるでしょうか。 ご存知の方いらっしゃいましたらご教示願います。 宜しくお願い致します。

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

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

<A HREF="#" onClick="hoge(1,2);return false;">ほにゃらら</A> で、いきませんかねぇ?

Claudia
質問者

補足

いきました。ありがとうございます。 上のJS部のsubmit();の後にreturn false;書いて うまくいかないいかないと唸ってました^^; そこに書けばOKなんですね

その他の回答 (1)

  • arexis
  • ベストアンサー率66% (66/99)
回答No.1

昔ながらに使われているのは href="javascript:void(0)" です。 今時はもう少しスマートな方法があるのかな? >Javascriptでsubmitしているのはご覧のようにクリック時に一処理したい為です。 formも form に onsubmit="return hoge()"をつけてhogeでfalseかtrueを返す事で送信前の処理と送信制御可能です。 でもSubmitボタンが無い方が便利なケースもありますしね。

Claudia
質問者

補足

“onsubmit”は普段使ってなかったので盲点でした。 機会があったら使おうと思います。 ありがとうございました

関連するQ&A