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

时间:2015-04-22 20:23:17

标签: javascript jquery

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

3 个答案:

答案 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的地方。