¿Cómo hacer un script para cuando un usuario recargue una página le muestre un alert para que confirme si realmente quiere recargar la página?.
He buscado y solo he encontrado de refrescar una página por determinado tiempo.
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidad¿Cómo hacer un script para cuando un usuario recargue una página le muestre un alert para que confirme si realmente quiere recargar la página?.
He buscado y solo he encontrado de refrescar una página por determinado tiempo.
Buenas, puedes utilizar el evento "onbeforeunload" del elemento window en javascript:
window.onbeforeunload = function() {
return "¿Desea recargar la página web?";
};
Esto mostrará un prompt al usuario para que confirme que desea refrescar la página web.
window.onbeforeunload = function() { return "¿Desea recargar la página web?"; };
Al principio del codigo para asi capturar los eventos generados por el usuario al intentar salir de la pagina. Y cuando quieras hacer el submit, puedes (antes de hacerlo), desactivar este manejo de eventos con el siguiente código: window.onbeforeunload = null;
el 23 mar. 2017 a las 10:35
Aqui tienes un script para bloquear el boton F5 y el boton Recargar
<script>
document.onkeydown = function(e){
tecla = (document.all) ? e.keyCode : e.which;
alert(tecla)
if (tecla == 116){
if (confirm("Seguro que quieres refrescar la página ") == true) {
return true;
} else {
return false;
}
}
}
</script>>
Para el botón de ATRÁS
function NoBack(){
history.go(1)
}
Faltaría añadir la llamada a la función en el body.
<body OnLoad="NoBack();">
Espero que te sirva !
Usa confirm()
en vez de alert()
ya que alert()
te dará sólo una opción de respuesta (OK) entonces si lo que quieres es que el usuario haga algo antes de actualizar lo hará igualmente...
confirm()
obtiene un true si el usuario pulsa OK
o false si pulsa Cancelar
if(confirm('Successful Message')){
window.location.reload();
}
prueba con esto, creo que e tenido el mismo problema que comentas, en mi caso tengo un form en el cual si el usuario modifica un campo de texto y se dirige a otra sección de la pagina sin dar submit. le sale un alert avisando.
var formHasChanged = false;
var submitted = false;
$('form[name="mainform"] input, form[name="mainform"] select, form[name="mainform"] textarea').on('change',function (e) {
formHasChanged = true;
});
$(document).ready(function () {
window.onbeforeunload = function (e) {
if (formHasChanged && !submitted) {
var message = "You have not saved your changes.", e = e || window.event;
if (e) {
e.returnValue = message;
}
return message;
}
}
$("form").submit(function() {
submitted = true;
});
});