导航离开网页时发出警报

Question

当我尝试使用未保存的更改关闭我的Google文档选项卡时,这就是我在浏览器中获得的内容(FF 3.5).

您确定要离开此页面吗？

您在此文档中有未保存的更改.单击立即取消,然后单击"保存"以保存它们.单击"确定"立即放弃它们.

按确定继续,或按取消保持当前页面.

我的问题是这些警报是否是网络应用程序的一部分(例如gdocs)或是由浏览器发出的？如果是后者,这是怎么做到的？

Answer 1

通过浏览器.它是beforeunload事件处理程序,它返回对话框的自定义文本,它只是三个段落的中间部分 - 其他两个段落以及按钮的文本无法自定义或以其他方式更改.

window.onbeforeunload = function(){ return 'Testing...' }

// OR

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

会产生一个说出的对话框

Are you sure you want to navigate away from this page?

Testing...

Press OK to continue, or Cancel to stay on the current page.

您可以通过将处理程序设置为null来使此无效

window.onbeforeunload = null;

// OR

window.removeEventListener('beforeunload', unloadListener);