在页面卸载之前显示自定义对话框

时间:2014-01-18 10:27:24

标签: javascript jquery asp.net

当页面卸载时,我想要一个确认框,可以使用以下代码

$(window).on('beforeunload', function (event) {
        return "Chandan From Mandya";
    });

但是我想要显示自定义对话框而不是确认框。 我读了这么多博客,都说我们无法覆盖。

但在facebook中,他们正在这样做。当处于fb状态时,如果我们试图离开页面,我们会写一些内容而不发布。它们是显示自定义对话框。

怎么可能???

1 个答案:

答案 0 :(得分:-1)

在jQuery中,这是通过unload事件完成的。

  

当用户离开页面时,会将卸载事件发送到窗口元素。这可能意味着很多事情之一。用户可以单击链接离开页面,或在地址栏中键入新URL。前进和后退按钮将触发事件。关闭浏览器窗口将导致触发事件。即使页面重新加载也会首先创建一个卸载事件。

你可以像这样使用它:

$( window ).unload(function() {
  //Handling the event
});

jQuery页面的链接是:http://api.jquery.com/unload/

对于自定义对话框,请尝试其中一些:
http://bootboxjs.com/
http://www.queness.com/post/1696/create-a-beautiful-looking-custom-dialog-box-with-jquery-and-css3

有很多自定义对话框解决方案,只是google it。