Cuando un usuario ha cambiado algo en un formulario, luego hace clic en cualquier enlace que lo dirija a otra página, me gustaría activar una ventana emergente con un "¿Te gustaría? para guardar antes de salir? " opción.Cómo activar el diálogo con JS antes de salir de la página actual
¿Cómo puedo hacer esto?
Ejemplo:
<script type="text/javascript">
var shouldConfirm = false;
window.onbeforeunload = function() {
if(shouldConfirm) {
return "You have made unsaved changes. Would you still like to leave this page?";
}
}
</script>
<input id="FullName" type="text" />
<script type="text/javascript">
document.getElementById('FullName').onchange = function() {
shouldConfirm = true;
}
</script>
Hay un artículo completo en 4GuysFromRolla.com.
Esto es lo que puede hacer, pero esto no siempre es fiable:
<html>
<head>
<script type="text/javascript">
function leaving()
{
if(confirm("Would you like to save?"))
{
//Save info
}
else
{
//Don't save
}
}
</script>
</head>
<body onUnload="leaving()">
<!--Stuff-->
</body>
</html>