答案 0 :(得分:6)
这称为退出意图 您无法在文档外跟踪用户鼠标移动 但是你可以检查鼠标移动矢量是什么,并预测它是否意图关闭或其他什么
跟踪退出意图的简化版本
https://jsfiddle.net/kristapsv/qs3wk8Ld/
var addEvent = function(obj, evt, fn) {
if (obj.addEventListener) {
obj.addEventListener(evt, fn, false);
}
else if (obj.attachEvent) {
obj.attachEvent("on" + evt, fn);
}
};
addEvent(document, "mouseout", function(event) {
event = event ? event : window.event;
var from = event.relatedTarget || event.toElement;
if ( (!from || from.nodeName == "HTML") && event.clientY <= 100 ) {
alert("left top bar");
}
});
答案 1 :(得分:2)
没有。这将是一组非常危险的事件,可以通过网络获得。
答案 2 :(得分:1)
看完你的问题后,我很好奇,我在网上搜索。我发现建议使用ouibounce
库。这并没有明确检查用户是否悬停在浏览器退出图标上,但它确实允许您在用户尝试离开您的网站之前显示模式/弹出窗口。
以下是使用此库可以遵循的示例步骤:
1)创建一个模态。即<div id="modal"></div>
2)选择模态。即var modal = getElementById('modal');
3)在选定的模态上调用outibounce。即var bounce = ouibounce(modal);
4)点火或禁用ouibounce。即bounce.fire();
请查看ouibounce
github了解详情。 This是我通过在线搜索与您相关的问题找到关于ouibounce的地方。