0

Como puedo detectar un cambio o recarga de pagina para que pueda mostrar una alerta de confirmacion si desea o no salir de la pagina actual.

var res = confirm('It\'s time to change. Do you agree with me?');
  if (res) {
    event.target.nextElementSibling.textContent = 'Yes, let\'s go for it.';
  } else {
    event.target.nextElementSibling.textContent = 'No, this is not the time.';
  }

2 respuestas 2

2

Puedes utilizar la API de Performance , (aunque existen o pueden existir algunos problemas de compatiblidad) Igual puede ser una opción para detectar el refresh , cuando sucede este evento, el type es 1 , a partir de esto se puede realizar la validación

  if (window.performance.navigation.type == 1) {
   if(confirm('Desea Actualizar ? ')){
     location.href ="https://w3c-test.org/navigation-timing/test_navigation_type_reload.html";
   }
else{
    alert('Correcto');
  }
}

1

Puedes utilizar el evento onbeforeunload

window.onbeforeunload = function(e) {
    return "You have some unsaved changes";
};

Por lo que leo, cada navegador puede poner distintos mensajes, posiblemente no sea posible crear un mensaje dinámico.

Según esta respuesta los navegadores eliminaron la posibilidad de dejar mensajes dinamicos en distintas versiones

3
  • intente con tu ejemplo pero nunca muestra el alert
    – hubman
    Commented el 2 feb. 2018 a las 17:06
  • @hubman actualice mi respuesta
    – sioesi
    Commented el 2 feb. 2018 a las 17:40
  • ahora si funciona, otra duda mas como puedo hacerlo bonito el recuadro, quiero ponerlo estilos
    – hubman
    Commented el 2 feb. 2018 a las 20:37

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.