0

如何使用 PHP 或 Javascript 检测浏览器中的选项卡关闭。换句话说,如何查找页面是否刷新或在新选项卡中打开。我关心标签,而不是浏览器。

4

2 回答 2

1

您可以有一个window.onbeforeunload事件的侦听器。但是,您将无法检测标签是否已从 JavaScript 关闭。

于 2012-02-21T14:01:36.943 回答
0

实际上 Javascript 可以告诉您选项卡是否要关闭。需要使用两种不同的方法(一种用于 IE,一种用于其他所有人)。

我写了一个 Javascript 进程来做你所要求的。该过程的先决条件是 jQuery 和一个插件(livequery - 因为一些 HTML 是在页面加载后动态生成的)。无论如何,这是执行所有这些操作的 js 文件(checkclosing.js):

// Global Var
var bodyclicked = false;
var datachanged = false;
var nodirtycheck = false;

// Start the engines :)
$(document).ready(function () {
    init();
});

function init() {
    bindEvents();
}

function bindEvents() {
    // Bind the onClick event for the DOM body
    $(document).livequery(function () {
        bodyclicked = true;
    });

    // Bind our event handlers for the change and reset events
    $(':input').not('.excludeFromDirtyCheck').bind('change', function () {

        if ($(this).hasClass('dataLoader')) {
            if (!datachanged) {
                return;
            }
        }

        datachanged = true;

        $(".hidDataChanged").val("True");
    });

    $(':reset,:submit').bind('click', function () {
        // .NET renders some ASP Buttons as Submit and Reset types
        if ($(this).hasClass('notSubmit')) {
            return;
        }

        if ($(this).hasClass('notReset')) {
            return;
        }

        datachanged = false;

        $(".hidDataChanged").val("False");
    });

    // Must have the livequery plugin referenced for this to work
    $('.resetchangedform').livequery('click', function (event) {
        //alert("resetchanged"); // FIXME
        datachanged = false;

        // Set our hidden input (on the Administration Master page)
        $(".hidDataChanged").val("False");
    });

    // Must have the livequery plugin referenced for this to work
    $('.setchangedform').livequery('click', function (event) {
        //alert("setchanged"); // FIXME
        datachanged = true;

        // Set our hidden input (on the Administration Master page)
        $(".hidDataChanged").val("True");
    });

    // Must have the livequery plugin referenced for this to work
    $('.excludeFromDirtyCheck').livequery('click', function (event) {
        nodirtycheck = true;

    });

    // Must have the livequery plugin referenced for this to work
    $('.notSubmit').livequery('click', function (event) {
        nodirtycheck = true;
    });

    // Must have the livequery plugin referenced for this to work
    $('.dataReloader').livequery('change', function (event) { 
        nodirtycheck = true;
    });

    window.onbeforeunload = function () {
       //alert("datachanged = " + datachanged + " | nodirtycheck = " + nodirtycheck + " | hidDataChanged = " + $(".hidDataChanged").val());

        // Check the hidden textbox
        if ($(".hidDataChanged").val() == "True") {
            datachanged = true;
        }

        if (nodirtycheck) {
            nodirtycheck = false;
        }
        else {

            if (navigator.appName == "Microsoft Internet Explorer") {
                // IE
                if (bodyclicked) {
                    if (datachanged) {
                        return "You may have unsaved changes...";
                    }
                }
                else {
                    bodyclicked = false;
                    // Do Nothing
                }
            }
            else {
                // Not IE
                if (datachanged) {
                    return "You may have unsaved changes...";
                }
                else {
                    // Do Nothing
                }

            } //if (navigator.appName == "Microsoft Internet Explorer") {

        } //window.onbeforeunload = function () {

    }     // if (nodirtycheck) {

}

然后只需在您要检查标签关闭的任何页面上包含对此文件的引用:

这是为了帮助防止用户导航离开对表单值进行未保存更改的页面。是的,我知道在大多数情况下,阻止用户关闭选项卡或导航是不好的做法,但在这种情况下 - 用户请求它,这是一个不供公众使用的内部应用程序。

在让用户关闭选项卡或导航离开之前,您不想检查更改的任何控件都将被赋予 excludeFromDirtyCheck 的类名。

这可能超出了您的需要,但您可以去掉无用的部分。基本前提是一样的。

于 2012-02-21T14:16:20.553 回答