¿Cómo impido que una página se descargue (navegue) en JS?

Question

¿Alguien sabe cómo evitar que una página se recargue o navegue?

jQuery(function($) { 

    /* global on unload notification */ 
    warning = true; 

    if(warning) { 
     $(window).bind("unload", function() { 
      if (confirm("Do you want to leave this page") == true) { 
       //they pressed OK 
       alert('ok'); 
      } else { 
       // they pressed Cancel 
       alert('cancel'); 
       return false; 
      } 
     }); 
    } 
});

estoy trabajando en un sitio de comercio electrónico en el momento, la página que muestra sus futuros pedidos tiene la capacidad de alterar las cantidades de artículos pedidos utilizando los botones +/-. Cambiar las cantidades de esta manera esto no cambia realmente el orden en sí, tienen que presionar confirmar y por lo tanto, comprometer una acción positiva para cambiar el orden.

Sin embargo, si han cambiado las cantidades y navegado fuera de la página, les advierto que lo están haciendo en caso de que sea un accidente, ya que las cantidades modificadas se perderán si navegan o actualizan la página.

En el código anterior, estoy usando una variable global que será falsa de manera predeterminada (solo es válido para las pruebas), cuando se cambie una cantidad, actualizaré esta variable para que sea verdadera, y cuando confirmen los cambios lo haré configurarlo en falso

Si la advertencia es cierta y la página está descargada, les ofrezco un cuadro de confirmación, si dicen que no les gustaría permanecer en esta página, necesito detener la descarga. return false no funciona, aún permite al usuario navegar (las alertas solo están disponibles para la depuración)

¿Alguna idea?

Answer 1

desea utilizar el evento onbeforeunload.

Answer 2

Intente usar e.preventDefault() en lugar de devolver falso. 'e' sería el primer argumento para su descarga devolución de llamada.

Answer 3

onbeforeunload es el que desea; su función "debe asignar un valor de cadena a la propiedad returnValue del objeto Event y devolver la misma cadena". Consulte los documentos de Microsoft y Mozilla para obtener más información.

La cadena que devuelva será utilizada por el navegador para presentar al usuario un cuadro de confirmación personalizado, lo que le permite negarse a permanecer allí si así lo desea. Tiene que hacerse de esa manera para evitar que los guiones maliciosos causen un ataque de denegación de navegador.

Answer 4

window.onbeforeunload = function() { 
    if (warning) { 
    return 'You have made changes on this page that you have not yet confirmed. 
    If you navigate away from this page you will loose your unsaved changes'; 
    } 
} 

No lo apoyamos en Chrome, Safari y Opera

Answer 5

Este código advierte según la sugerencia de Natalie, pero desactiva el aviso si se envía un formulario de la página. Utiliza JQuery.

var warning = true; 
window.onbeforeunload = function() { 
    if (warning) { 
    return "You have made changes on this page that you have not yet confirmed. If you navigate away from this page you will lose your unsaved changes"; 
    } 
} 

$('form').submit(function() { 
    window.onbeforeunload = null; 
}); 

Answer 6

window.onbeforeunload = confirmExit; 
function confirmExit() 
{ 
    return "You have attempted to leave this page. If you have made any changes to the fields without clicking the Save button, your changes will be lost. Are you sure you want to exit this page?"; 
}