beforeunloadを使って、ページを移動する際に警告を出す

このbeforeunloadを使うとページを移動する際に、警告を出すことができる。
よく使われているのは、情報を入力する際にページを閉じるときだ。

1ページにとても長いユーザー情報を入力するときに、めんどくさくなってページを途中で閉じてしまう。
そんなときに、お目にかかるイベントだ。

window.addEventListener('beforeunload',(e)=>{
  e.preventDefault()
  e.returnValue()
})

例えば、これからクレジット情報を入力するとする。
カード会社のページで入力してもらいたいから、カード会社にページを遷移する。
そんな時clickイベントと混ぜて使う。

<a href="http://google.com">googleへ</a>

html上のgoogleへのlinkがクリックされたら、警告が出るようにしてみた。
また、ページ遷移するときとページを閉じる時、さらにはページを再読み込みする時に発火するようになっている。
ただし、何も操作せずにページを閉じると特に警告は出ない仕様みたいだ。