¿Cómo se abre un cuadro de alerta cuando se hace clic en el botón de actualización del navegador?

Question

Si el usuario actualiza la página en cuestión se añadirá otro registro a la base de datos, así que quiero advertir al usuario a través de un cuadro de alerta si realmente quieren para actualizar la página y si hacen clic en Aceptar a continuación, la página debe ser refrescado lo contrario si hacen clic en cancelar, no será.

Como hacer este tipo de cuadro de alerta aparece cuando se hace clic en el botón de actualización del navegador de una manera que es transversal navegador compatible?

Answer 1

Puede hacerlo de esta manera:

window.onbeforeunload = function() { 
    return "Data will be lost if you leave the page, are you sure?"; 
}; 

Esto mostraría un mensaje para el usuario que les permite cancelar. No es específico de actualización, pero para sus propósitos (como editar una pregunta en SO) que no parece importar, es la pérdida de información, no importa a dónde se vaya.

Answer 2

No hay una manera de atarla a poco la acción de actualización, pero puede que desee ver en window.onbeforeunload. Esto le permitirá ejecutar una función que devuelve una cadena justo antes de que la página se descargue. Si esta cadena no está vacía, entonces aparecerá un cuadro de diálogo de confirmación emergente, que contiene esta cadena y otro texto repetitivo proporcionado desde el navegador.

Por ejemplo:

window.onbeforeunload = function() { 
    if (someConditionThatIndicatesIShouldConfirm) { 
     return "If you reload this page, your previous action will be repeated"; 
    } else { 
     return ""; 
    } 
} 

también, si la página actual se carga a través de una operación de POST, el navegador ya debería mostrar un cuadro de confirmación cuando el usuario intenta actualizarla. Como regla general, cualquier acción que cambie el estado de los datos en el servidor se debe hacer a través de una solicitud POST, en lugar de GET.

Answer 3

Esto no es posible. Lo mejor que puede hacer es usar el evento onbeforeunload, pero eso disparará en cualquier evento que salga de la página actual. No es posible orientar el botón de actualización específicamente.

Véase p. this question on onforeforeload

Puede que sea mejor crear una verificación duplicada en su base de datos. Eso atrapará las presentaciones accidentales usando también el botón "Atrás".

Una alternativa sería mediante un token de una sola vez al azar que que se construye en la forma. Si se intentan dos operaciones utilizando el mismo token, lo detendría.

Answer 4

Hay dos posibles caminos a seguir con esto, ambos bastante diferentes.

Una forma sería tener un controlador de eventos obligado a onbeforeunload evento para que pueda detectar cuando el usuario está navegando distancia desde la página actual. Sin embargo, si mi memoria me sirve correctamente, onbeforeunload no es coherente en todos los navegadores (no creo que Opera responda a él IIRC, pero no tiene manera de probar actualmente). Por supuesto, esta solución falla si el usuario apaga JavaScript.

La segunda y más sólida sería implementar Post Redirect Get pattern que, cuando se utiliza, impide que los datos se vuelvan a publicar cuando un usuario actualiza la página.

Answer 5

puede usar jquery para esto ... para esto tiene que adjuntar el archivo js de jquery.

<script> 
var count=0; 
$(document).ready(function(){ 
    alert("hi" + (count++)); 
    confirm("sure?") 
}); 
</script>