有什么方法可以检测用户是否按下了“留在页面上"?或“离开页面"在 beforeunload 事件中?

Is there any way to detect if user pressed quot;Stay on pagequot; or quot;Leave pagequot; in beforeunload event?(有什么方法可以检测用户是否按下了“留在页面上?或“离开页面在 beforeunload 事件中?)
本文介绍了有什么方法可以检测用户是否按下了“留在页面上"?或“离开页面"在 beforeunload 事件中?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我有什么方法可以在以下代码中检测到用户点击了离开页面"或留在页面上"按钮?

Is there any way that I could detect in the following code that either user clicked "leave page" or "stay on page" button ?

$(window).on('beforeunload', function (){
    return "You save some unsaved data, Do you want to leave?";
});

推荐答案

通过一些技巧,您至少可以确定用户是否留下.
如果用户离开了页面,那么您无能为力:

With a few hacks you can at least determine if the user stayed.
If the user left the page, there's not much you can do about that :

var timeout;

$(window).on('beforeunload', function (){
    timeout = setTimeout(function() {
        // user stayed, do stuff here
    }, 1000);
    return "You save some unsaved data, Do you want to leave?";
});

FIDDLE

这篇关于有什么方法可以检测用户是否按下了“留在页面上"?或“离开页面"在 beforeunload 事件中?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

SCRIPT5: Access is denied in IE9 on xmlhttprequest(SCRIPT5:在 IE9 中对 xmlhttprequest 的访问被拒绝)
XMLHttpRequest module not defined/found(XMLHttpRequest 模块未定义/未找到)
Show a progress bar for downloading files using XHR2/AJAX(显示使用 XHR2/AJAX 下载文件的进度条)
How can I open a JSON file in JavaScript without jQuery?(如何在没有 jQuery 的情况下在 JavaScript 中打开 JSON 文件?)
How do I get the HTTP status code with jQuery?(如何使用 jQuery 获取 HTTP 状态码?)
quot;Origin null is not allowed by Access-Control-Allow-Originquot; in Chrome. Why?(“Access-Control-Allow-Origin 不允许 Origin null在铬.为什么?)