javascript - onbeforeunload 确认屏幕自定义

Question

是否可以在浏览器中为 onbeforeunload 事件创建自定义确认框？我试过了，但后来我得到了 2 个确认框(一个来 self ，只不过是返回确认...然后是来自浏览器的标准框)。

目前我的代码是这样的:

var inputChanged = false;

$(window).load(function() {
    window.onbeforeunload = navigateAway;
    $(':input').bind('change', function() { inputChanged = true; });
});

function navigateAway(){
    if(inputChanged){
        return 'Are you sure you want to navigate away?';
    }
}

我正在为此使用 jQuery。

Answer 1

window.onbeforeunload = function (e) {
  var message = "Your confirmation message goes here.",
  e = e || window.event;
  // For IE and Firefox
  if (e) {
    e.returnValue = message;
  }

  // For Safari
  return message;
};

请注意:大多数浏览器将此消息放在其他文本之后。您无法完全控制确认对话框的内容。