javascript - ejemplos - title css

Alertas cuando navegas fuera de una página web

Question

Cuando trato de cerrar mi pestaña Google Docs con cambios no guardados, esto es lo que obtengo en mi navegador (FF 3.5).

¿Estás seguro de que quieres navegar desde esta página?

Tiene cambios no guardados en este documento. Haga clic en Cancelar ahora, luego en ''Guardar'' para guardarlos. Haga clic en Aceptar ahora para descartarlos.

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

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

Answer 1

Las alertas son parte de la aplicación web. Vea el código fuente y mire el javascript.

Answer 2

Por el navegador. Es el beforeunload eventos beforeunload que devuelve el texto personalizado del cuadro de diálogo, que es solo el medio de los tres párrafos; los otros dos párrafos, así como el texto de los botones, no se pueden personalizar ni modificar.

window.onbeforeunload = function(){ return ''Testing...'' }
// OR
var unloadListener = function(){ return ''Testing...'' };
window.addEventListener(''beforeunload'', unloadListener);

Producirá un diálogo que diga

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 esto configurando el controlador como nulo

window.onbeforeunload = null;
// OR
window.removeEventListener(''beforeunload'', unloadListener);