如何在不触发表单提交的情况下可靠地检测浏览器窗口/选项卡关闭？

确定浏览器窗口/选项卡关闭

问：捕获浏览器窗口/选项卡关闭事件

我想捕获浏览器窗口/选项卡关闭事件，但 jQuery“beforeunload”事件也会在表单上触发意见书。如何将事件限制为窗口关闭？

A：隔离窗口关闭事件

虽然“beforeunload”检测任何页面离开，但我们可以排除表单提交和超链接使用以下代码：

var inFormOrLink;
$('a').on('click', function() { inFormOrLink = true; });
$('form').on('submit', function() { inFormOrLink = true; });

$(window).on("beforeunload", function() { 
    return inFormOrLink ? "Do you really want to close?" : null; 
});

对于 jQuery 版本

1.7:

var inFormOrLink;
$('a').live('click', function() { inFormOrLink = true; });
$('form').bind('submit', function() { inFormOrLink = true; });

$(window).bind("beforeunload", function() { 
    return inFormOrLink ? "Do you really want to close?" : null; 
});

注意：

如果另一个事件处理程序取消提交或导航，此解决方案可防止出现确认提示。为了解决这个问题，记录提交/点击事件的时间，并检查“beforeunload”是否在几秒后发生。

以上是如何在不触发表单提交的情况下可靠地检测浏览器窗口/选项卡关闭？的详细内容。更多信息请关注PHP中文网其他相关文章！