Javascript 正在阻止用户使用'window.onbeforeunload'导航离开`

当用户单击后退、前进或刷新浏览器按钮时，我试图显示警报，但我没有得到所需的输出

<script type="text/javascript">
    $(document).ready(displayAlert());
    function displayAlert() {
        window.onbeforeunload = function () {
            return "Are you sure want to LOGOUT the session ?";
        };
    }       
</script>

$（文档）.ready（displayAlert（））；
函数displayAlert（）{
window.onbeforeunload=函数（）{
return“是否确实要注销会话？”；
};
}       

当窗口卸载其内容和资源时，将引发卸载事件。资源删除在卸载事件发生后进行

window.onunload = funcRef;

窗口即将卸载其资源时激发的事件。文档仍然可见，事件仍然可以取消

window.onbeforeunload = function(e) {
  return 'Dialog text here.';
};

IE与

onload

事件有问题，Opera与

onbeforeunload

有问题。因此，为了找到一个解决方案，解决我遇到的两种情况

user3253009

。希望有帮助

更新 如果您想在用户离开您的页面时显示引导模式，则可以尝试以下操作：

window.onbeforeunload = function(event) {
    event.preventDefault();
    $('#cancel_modal').modal('show');
};

---

仅供参考，这里准备的文件毫无意义<代码>显示警报总是立即被调用。我想你的意思是

$（document）.ready（displayAlert），但我不确定为什么要在附加事件处理程序之前等待DOM就绪。以及解决方案的详细信息。希望有帮助@是的，这很有效，谢谢。但我只是复制粘贴，你能解释一下发生了什么吗？抱歉，我不懂javascript。为什么确认消息会出现两次？我可以将其转换为bootsrap模式吗？对于Bootstap模式窗口，您可以尝试类似于
$（“#我的模式”）。on（'hidden.bs.modal'，function（）{
您的演示与此不同，它不适用于window.onbeforeunloadalert@sumedha：此方法背后的原因是
onbeforeunload
在
窗口
卸载其内容和资源时被触发。引导模式窗口不是
窗口
对象，因此
onbeforeunload
将不可用帮了大忙！不过这是我的理解！你可以提出另一个问题来进一步澄清。
window.onbeforeunload = function(event) {
    event.preventDefault();
    $('#cancel_modal').modal('show');
};