サイト離脱防止のアラート表示

Question

サイト離脱防止のためにポップアップ表示するようにしております。
beforeunloadのイベントに仕掛けているのですが、画像のようにブラウザが独自で出しているものも同時に表示されてしまいます。

この赤枠で囲っているものだけ出さないようにするということは可能なのでしょうか？ブラウザによるだろうとは思うのですが、やり方が分からなかったのでどなたかご教示頂けると助かります。

Answer 1

$(window).on('beforeunload', function() {
        return "メッセージ";
});

のようにしていますか？
であれば、

$(window).on('beforeunload', function(e) {
  e.preventDefault();
  return "メッセージ";
});

としてみてください。
イベント発生時に本来の挙動をキャンセルしてから自前の処理を走らせることになります。

うまくいくかな？

Comments

[hrc]

ありがとうございます！ちょっと確認します。

[hrc]

追加してみたのですが、残念ながら変わりませんでした。
```
else if(e.data=="disp_exit"){
window.addEventListener("beforeunload",function(e){
e.preventDefault();
if(document.getElementById("pCoC")){
if(document.getElementById("pCoC").style.display == "block"){
b = false;
}
}
```
ソースはこんな感じにしてみました。
http://d.hatena.ne.jp/Cherenkov/20090126/p1
本来の挙動はブラウザ固有のメッセージが表出しページが閉じることだとは思いますが、こちらのサイトを見る限りpreventDefaultがunloadには利かないみたいですね。

[NatsumiOki]

なるほど、たしかに離脱することができなくなるのでそのように対処されてるんですね。
実際質問にある画像からすると、サイトから抜けることができなくて無料モニターに申し込むをクリックするしかないってことになっちゃいますね。