如何判断在Firefox浏览器中是否点击了刷新按钮或浏览器的返回按钮？

9 浏览
0 Comments

如何判断在Firefox浏览器中是否点击了刷新按钮或浏览器的返回按钮？

如何在Firefox中知道刷新按钮是否被点击或浏览器返回按钮是否被点击？对于这两个事件，onbeforeunload() 方法是一个回调函数。对于Internet Explorer，我是这样处理的：

function CallbackFunction(event) {
    if (window.event) {
        if (window.event.clientX < 40 && window.event.clientY < 0) {
            alert("返回按钮被点击");
        }
        else {
            alert("刷新按钮被点击");
        }
    }
    else {
        // 我希望在这里有一些条件，以区分刷新按钮是否被点击或返回按钮是否被点击。
    }
}

但是在Firefox中，event.clientX 和 event.clientY 总是为0。有没有其他方法可以找到呢？

0

3 答案

0 Comments

原因：在Firefox浏览器中，需要判断用户是点击了刷新按钮还是浏览器的后退按钮。

解决方法：

1. 使用window.onbeforeunload事件判断刷新按钮的点击：

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

2. 使用$(window).unload()事件判断浏览器后退按钮的点击：

$(window).unload(function() {
    alert('Handler for .unload() called.');
});

3. 注意，iOS故意不支持beforeunload事件。

4. jQuery.unload()已被移除，可以参考stackoverflow提供的替代方法。

5. 以上方法可以区分刷新按钮和后退按钮。

6. 可以根据具体需求修改代码。

在Firefox浏览器中，我们有时候需要判断用户是点击了刷新按钮还是浏览器的后退按钮。下面介绍两种方法来实现这个功能。

第一种方法是使用window.onbeforeunload事件。代码如下：

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

这样，当用户点击刷新按钮时，会弹出一个对话框，显示"Dialog text here."的文本。

第二种方法是使用$(window).unload()事件。代码如下：

$(window).unload(function() {
    alert('Handler for .unload() called.');
});

这样，当用户点击浏览器的后退按钮时，会弹出一个提示框，显示"Handler for .unload() called."的文本。

需要注意的是，iOS故意不支持beforeunload事件。

另外，jQuery.unload()方法已被移除，可以参考stackoverflow提供的替代方法。

以上方法可以区分刷新按钮和后退按钮的点击。你可以根据具体需求修改代码。

希望以上内容对你有帮助！

0
0 Comments

如何判断在Firefox浏览器中是否点击了刷新按钮或浏览器返回按钮？

对于浏览器返回按钮，可以使用以下方法：

在jQuery中：

// http://code.jquery.com/jquery-latest.js
jQuery(window).bind("unload", function() { //

在HTML5中，有一个事件叫做'popstate'：

window.onpopstate = function(event) {
    alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
};

关于刷新按钮，请参考以下链接：

[Check if page gets reloaded or refreshed in JavaScript](https://stackoverflow.com/questions/5004978)。

在Mozilla中，`Client-x`和`client-y`在文档区域内。请参考[MouseEvent.clientX](https://developer.mozilla.org/en-US/docs/Web/API/event.clientX)。

这些方法是否适用于HTML4？

`popstate`事件在HTML5中定义，因此它只适用于兼容HTML5的浏览器。

0
0 Comments

在Firefox浏览器中，如何知道是点击了刷新按钮还是浏览器返回按钮？这个问题的出现是因为需要根据不同的按钮点击事件进行不同的处理。解决方法是使用`event.currentTarget.performance.navigation.type`来确定导航的类型。以下是一个实现示例：

function CallbackFunction(event) {
    if(window.event) {
        if (window.event.clientX < 40 && window.event.clientY < 0) {
            alert("浏览器返回按钮被点击");
        }
        else {
            alert("刷新按钮被点击");
        }
    }
    else {
        if (event.currentTarget.performance.navigation.type == 2) {
            alert("浏览器返回按钮被点击");
        }
        if (event.currentTarget.performance.navigation.type == 1) {
            alert("刷新按钮被点击");
        }
    }
}

然而，有一些用户在使用`event.currentTarget.performance.navigation.type`时遇到了问题，`event.currentTarget.performance`显示为`undefined`。此外，Chrome、Safari和Opera浏览器不支持此功能。因此，为了解决这个问题，需要使用其他方法来判断按钮的点击事件。

参考链接：

- [developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigation](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigation)

- [stackoverflow.com/questions/35468281](https://stackoverflow.com/questions/35468281)

以上是解决这个问题的方法，但需要注意的是，`event.currentTarget.performance.navigation.type`只能告诉页面是如何导航到当前页面的，而不能告诉当前页面正在发生什么。另外，即使在关闭浏览器标签页时，`performance.navigation.type`也会返回1（`performance.navigation.TYPE_RELOAD`），这意味着无法准确判断浏览器是否即将刷新。

希望对你有所帮助！

0