在Javascript中实现Back-Button“警告”，以便在Flex中使用

Question

我有一个Flex应用程序，如果用户点击后退按钮，我想给用户一个警告，这样他们就不会错误地离开应用程序。我知道这不能完全在Actionscript中完成，因为跨浏览器不兼容。我正在寻找的只是捕获后退按钮的Javascript实现。

有没有人有一个简单的非库跨浏览器脚本来捕获后退按钮？我似乎找不到一个帖子来展示一个例子。

Answer 1

您可以使用window.onbeforeunload事件。

window.onbeforeunload = function () {
   return "Are you sure you want to leave my glorious Flex app?"
}

用户可以按“确定”离开，按“取消”留下来。

正如您所说的，只要页面发生更改，就会抛出警报。为了确保它只在后退按钮点击时发生，我们必须在他们从自然的、预期的来源离开页面时消除警告消息。

var okayToLeave = false;

window.onbeforeunload = function () {
   if (!okayToLeave) {
   return "Are you sure you want to leave my glorious Flex app?"
   }
}

function OkayToLeave() {
    okayToLeave = true;
} 

每当用户单击按钮或链接时，您将负责将该变量设置为true，这将使他们自然地离开该页面。对于不显眼的javascript，我会使用函数。

在DOM中设置事件处理程序：

referenceToElement.addEventListener('onClick', OkayToLeave(), false);

这是未经测试的，但应该会为您指明正确的方向。尽管这样做可能看起来很麻烦，但我认为这是更完整的功能。它涵盖了用户可能单击收藏夹或从外部应用程序重定向的情况。