ユーザがウェブブラウザを閉じるときにオーバーレイをロードしたい

Question

ユーザがブラウザまたはタブの閉じるボタンを押すと、オーバーレイを操作して1秒待ってから閉じる必要があります。私はその練習ではないことを知っていて、私は自分の石鹸ボックスに立っていて、ユーザーに受け入れられるものなどについて泣きましたが、彼らはそれを望んでいます...

ブラウザのアクションがかなり明白ですそれができることはどこから始めるのですか？

おかげで

Answer 1

あなたはonbeforeunloadイベントをフックし、隠されたオーバーレイ要素を持つことができ、イベント内

をそれを表示オーバーレイ要素

<div id="dark-overlay" style=""></div> 

CSS

#dark-overlay { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #000; 
    opacity: 0.6; 
    z-index: 1000; 
    display: none; 
} 

javascript

<script type="text/javascript"> 
    window.onbeforeunload = function(event){ 
     var overlayelement = document.getElementById('dark-overlay'); 
     overlayelement.style.display = 'block'; 
     return 'are you sure you want to quit?'; 
    } 
</script> 

メモ：これは、あなたが返信したテキストを含むブラウザの確認ダイアログと共にオーバーレイを表示します。

非常に効率の悪い定義された時間の後に終了するループを置くことを除いて、終了する前に1秒待つ方法は考えられませんでした。

Answer 2

私は、ブラウザを閉じるアクションは、それが正しい

を何ができるかではかなり明示的であることを知っています。

標準のUIを使用して実際にウィンドウを閉じるかどうかをユーザーに尋ねながら、一時停止することがあります。

...それだけです。

どこから始めますか？

しかし、ブラウザには、自分がしたいことを行う方法を提供していないことをクライアントに伝えます。その後、