浜松のWEBシステム開発・スマートフォンアプリ開発・RTK-GNSS関連の開発はお任せください
株式会社シーポイントラボ
TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:静岡県浜松市中区富塚町1933-1 佐鳴湖パークタウンサウス2F

onchange後に一つ前のページに戻る不具合

react-onsenuiで使える検索フォームでSearchInputというものがあるのですが、

これを使ってフォームに入力したデータ名と同じ名前のデ―タを取得する機能を作ったのですが

enterを押して検索しようとするとなぜか画面が真っ白になった後に前ページに戻ってしまう不具合に

遭遇しました。

エラーメッセージも特に出ていないので何故起きているのか分からずじまいでしたが、

onchangeの際に他の動作をさせないe.preventDefault();を入れ忘れているのに気付きました。

これがないとユーザ側からは制御できない、意図しない他の動作が生じる可能性があるので

必ず付けるようにと各地で言われていたのを思い出しました。

特に、画面遷移や画像アップロードをするときに予想外の動きをするようです。

どんな場合でも、onchangeの際は何らかの意図しない動作をする可能性があるので必ずつけましょう。

  • この記事いいね! (0)