用户离开或刷新页面时如何自定义对话框消息

【问题标题】：How can I customize the dialog box message when user leaving or refreshing the for page用户离开或刷新页面时如何自定义对话框消息
【发布时间】：2018-01-31 03:51:15
【问题描述】：

我使用了beforeUnload 事件侦听器，但我无法获得想要在对话框中显示的消息。
这是我的代码：

//code//[enter image description here][1]
window.addEventListener('beforeunload', function(event) {
  
  var message = ' customized message ';
  (window.event).returnValue = message;
  return message;
});

注意；我可以使用preventDefault() 方法代替返回值吗？我试过了

{event.preventDefault();
   return message;}

但这不起作用。

【问题讨论】：

标签： javascript html jquery dom-events

【解决方案1】：

您所做的并没有错，问题是并非所有浏览器都显示返回的消息。防止默认对您没有帮助。

引用Mozilla:

有些浏览器会在对话框中显示返回的字符串，但有些浏览器会显示自己的消息。如果未提供任何值，则以静默方式处理事件。

为了获得更好的跨浏览器结果，请继续将消息附加到事件处理程序，而不仅仅是返回消息。

window.addEventListener('beforeunload', function (event) {
  var message = ' customized message ';

  event.returnValue = message; // Gecko, Trident, Chrome 34+
  return message;              // Gecko, WebKit, Chrome <34
});

【讨论】：