【onsenUI】onchange後に一つ前のページに戻る不具合について

  • 2022年3月24日
  • 2022年3月24日
  • 未分類

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

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

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

遭遇しました。

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

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

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

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

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

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

>株式会社シーポイントラボ

株式会社シーポイントラボ

TEL:053-543-9889
営業時間:9:00~18:00(月〜金)
住所:〒432-8003
   静岡県浜松市中央区和地山3-1-7
   浜松イノベーションキューブ 315
※ご来社の際はインターホンで「316」をお呼びください

CTR IMG