概要 ▶ jQueryでbeforeunloadイベントを使用することでページ移動の前に処理をさせることができます。これを使ってフォームから意図しないページ移動を防ぐことができます。 今回もフォームの最適化について書いていこうと思います。 先日の「【Web制作】フォームの最適化しようと、いくつか表現を変えてみたテスト【初心者向け】(画像あり)」という記事の引用の中で紹介した「こんなにあった!シニア対応を本気で進める『皇潤』の入力フォームが使いやすい理由」(マミオン有限会社)のページで以下のアドバイスが書かれていました。 シニアのフォーム入力操作を観察していると、誤ってページから離脱してしまい、再びフォームのページに戻ったら最初から全部やりなおし…という悲しいシーンによく遭遇します。フォームからフォーカスが外れた状態なのに気付かず、文字を修正しようとしてbackspaceキーを押してしまうの
![jQueryでフォーム入力中に誤ってページを移動(離脱)するのを防止する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/016cc54fc30ef6069c59c7baad8d02466c26955c/height=288;version=1;width=512/https%3A%2F%2Fjdash.info%2Fimgs%2F2%2F6%2F26696825.png)