Confirmación antes del cierre de la pestaña/navegador

Question

¿Cómo solicitar la confirmación del usuario antes de abandonar la página como en gmail?

Busqué esta pregunta en varios lugares, pero todo lo que se menciona es el uso de JavaScript window.unload & window.onbeforeunload. Tampoco funciona en Chrome la mayoría de las veces, ya que se bloquea.

Answer 1

Prueba esto:

<script> 
window.onbeforeunload = function (e) { 
    e = e || window.event; 

    // For IE and Firefox prior to version 4 
    if (e) { 
     e.returnValue = 'Sure?'; 
    } 

    // For Safari 
    return 'Sure?'; 
}; 
</script> 

Aquí es un trabajo jsFiddle

Answer 2

Prueba esto:

<script> 
    window.onbeforeunload = function(e) { 
     return 'Dialog text here.'; 
    }; 
</script> 

más información aquí MDN.

Answer 3

He leído los comentarios sobre la respuesta establecido como Okay. La mayoría de los usuarios están pidiendo que se permita el botón y algunos enlaces. Aquí se agrega una línea más al código existente que funcionará.

<script type="text/javascript"> 
    var hook = true; 
    window.onbeforeunload = function() { 
    if (hook) { 

     return "Did you save your stuff?" 
    } 
    } 
    function unhook() { 
    hook=false; 
    } 

desenganche de llamadas() onclick botón y enlaces, que desea permitir. P.ej.

<a href="#" onClick="unhook()">This link will allow navigation</a>