Alertas al navegar desde una página web

Question

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

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

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

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

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

Answer 1

Por el navegador. Es el controlador de 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); 

rendirá 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. 

Usted puede anular esto configurando el controlador para anular

window.onbeforeunload = null; 

// OR 

window.removeEventListener('beforeunload', unloadListener); 

Answer 2

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