Alertas cuando se navega lejos de una página web

Cuando trato de cerrar mis documentos de Google docs ficha con los cambios no guardados, esto es lo que me sale en mi navegador (FF 3.5).

Está seguro de que desea salir
desde esta página?

Tiene cambios sin guardar en este
documento. Haga clic en Cancelar ahora, luego
‘Guardar’ para guardar. Haga clic en ACEPTAR ahora a
deshacerse de ellos.

Presione ACEPTAR para continuar o Cancelar para
permanecer en la página actual.

Mi pregunta es si estas alertas son parte de la aplicación web (gdocs por ejemplo.) o son dados por el navegador? Si a esto último, ¿cómo se hace esto?

InformationsquelleAutor Vijay Dev | 2009-08-17

2 Comentarios

85

Por el navegador. Es el beforeunload controlador de eventos que devuelve el texto personalizado del cuadro de diálogo, que es sólo la mitad de los tres párrafos – los otros dos párrafos, así como el texto de los botones no se pueden personalizar o de lo contrario cambiar.
```
window.onbeforeunload = function(){ return 'Testing...' }

//OR

var unloadListener = function(){ return 'Testing...' };
window.addEventListener('beforeunload', unloadListener);
```
Producirá un cuadro de diálogo que dice
```
Are you sure you want to navigate away from this page?

Testing...

Press OK to continue, or Cancel to stay on the current page.
```
Puede anular esta configuración a través de que el controlador null
```
window.onbeforeunload = null;

//OR

window.removeEventListener('beforeunload', unloadListener);
```
- Gracias Pedro. He observado cómo los navegadores modernos se comportan wrt el evento onbeforeunload y posteo mis resultados. Por favor, añada cualquier otro intrincados detalles que usted sabe.
- Hola Pedro, no hay manera podemos aprovechar el evento para dar una alerta personalizada que proporciona la misma funcionalidad que el nativo de la ventana de alerta?
- No que yo sepa, no.
- Sugiero que la actualización de su respuesta y el uso más moderno addEventListener en lugar de onbeforeunload. También, el nombre del evento es beforeunload, no onbeforeunload.
- parece que otra respuesta está garantizado (con sus sugerencias).
InformationsquelleAutor Peter Bailey
-13

Las alertas son parte de la aplicación web. Ver el código fuente y buscar en el javascript.
- Buscar «onBeforeUnload».
- No puedo ver en Google Docs fuente, por lo menos.
- Es probable enterrado en algún oscuro archivo JavaScript. Google utiliza secuencias de comandos que hacen que sus archivos JavaScript esencialmente ilegible para un ser humano.
- antes de usar alerta, un evento identificado por primera vez. que «onBeforeUnload»
InformationsquelleAutor mcandre

2 Comentarios

Dejar respuesta Cancelar respuesta