当鼠标指针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的地方。