当鼠标指针hover在浏览器的关闭按钮上时如何检测事件?

换句话说,这是用于检测事件的javascript / jquery代码
当鼠标指针位于浏览器的关闭按钮(X按钮)上时,
或者当鼠标指针进入浏览器的X按钮时。
obs:类似于( http://www.jpost.com ),进入网站并放入
鼠标指针位于浏览器的关闭按钮(X按钮)中。

这称为退出意图。
您无法在文档外跟踪用户鼠标移动。
但是你可以检查鼠标移动向量是什么,并预测它是否意图关闭或其他东西

跟踪退出意图的简化版本

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"); } }); 

没有一个。 这将是一组非常危险的事件,可以通过网络获得。

看完你的问题后,我很好奇,我在网上搜索。 我发现建议使用ouibounce库。 这不会明确检查用户是否将鼠标hover在浏览器退出图标上,但它确实允许您在用户尝试离开您的网站之前显示模式/弹出窗口。

以下是使用此库可以遵循的示例步骤:

1)创建一个模态。 即

2)选择模态。 即var modal = getElementById('modal');

3)在所选模态上调用outibounce。 即var bounce = ouibounce(modal);

4)点火或禁用ouibounce。 即bounce.fire();

看一下ouibounce github获取更多信息。 这是我通过在线搜索与您相关的问题找到关于ouibounce的地方。