javascript - 烦人的弹出窗口 - (或其他更优雅的解决方案)

Question

这是我的“需要” - 我有一个用户打开一个显示文档的窗口，我需要记录用户“聚焦”或“打开”该窗口的时间...如果用户查看另一个窗口窗口，我想停止记录时间 - 并在他们重新关注该页面时恢复记录...基本上我想“知道”用户阅读该页面花了多长时间。

这是一个评论类型的场景，其中用户是需要记录时间的“受信任”成员...我想保留“运行总计”仅供引用 - 所以如果用户说花了 10 分钟，在页面上，但我的日志显示窗口只打开了 2 分钟，我知道我遇到了问题......无论是我的代码还是我的人......;)

我的想法是在页面聚焦时保持 js 计数器继续运行，在模糊或关闭时暂停，然后通过 Ajax 将数据返回到我的数据库...并在用户返回时将任何后续时间添加到该记录中。 ..

onUnload 似乎不起作用，至少当我尝试时 - 而且它没有捕获浏览器的关闭...所以我想我可以在文档窗口关闭时启动一个新窗口(不是很烦人 - 但要对服务器进行日志记录调用，然后自行关闭)。

有人有办法解决这个问题吗？我知道这一切都带有“糟糕”设计的味道，但如果有人有“正确”的方法来处理这种情况 - 请告诉我。 (顺便说一句 - IE 是一个要求 - 它是基于 Intranet 的 IE7 要求。)谢谢

======== 下面的示例代码 - “不”工作......有点 ============当我说它不起作用时，这就是我的意思......正在制作“XMLHttpRequest”，我假设因为响应是我期望的消息 - 然而日志没有改变(我知道你会说这是 php 页面，但如果我直接调用 url - 它工作正常...所以它不是日志页面，此外 60 秒 setInterval() 似乎随机触发，因为我的响应警报只是弹出，有时 10一行之间没有时间，当然不是以“常规”60 秒间隔...想法？

<script type="text/javascript">

var closeMe = 0;
var logMe = 0;

//the window doesn't have focus, do nothing or something that let's them know we're not logging at the moment
function onBlur() {
    //after 2 min of non focus, close it.
    closeMe = setInterval('window.close()',120000); //after 2 min of non focus, close it.
};

//the window has focus... keep logging.
function onFocus(){
    //stop the close counter - in the event to 'blurred' sometime
    clearInterval ( closeMe );  
    //run the AJAX on a schedule - we're doing it every minute - bu tyou can do it as often as you like
    logMe = setInterval('logTime()',60000);
};

//call a script that logs another minute...
function logTime() {
    var xhReq = new XMLHttpRequest();
    xhReq.open("GET", "ajax-on-time-interval.php", false);
    xhReq.send(null);
    var serverResponse = xhReq.responseText;
    alert(serverResponse); 
}

// check for Internet Explorer... IE uses 'onfocusin/out" - everything else uses "onfocus/blur"
if (/*@cc_on!@*/false) {
    document.onfocusin = onFocus;
    document.onfocusout = onBlur;
} else {
    window.onfocus = onFocus;
    window.onblur = onBlur;
}

</script>

Answer 1

我认为基于 Ajax 的常规“心跳”每“n”秒更新一次底层数据库数据(取决于您需要的粒度，我认为每分钟就足够了)会更简洁解决方案比弹出窗口还要避免并非所有浏览器都能优雅地处理 onunload 等问题。

也就是说，我假设 JavaScript 将在这些计算机上启用。 (根据您的问题似乎很公平。)