我创建了一个 jQuery 事件,当访问者离开页面时会弹出一个对话框。我正在使用 e.pageY 来检测鼠标位置。当鼠标位于Y:小于2时,弹出对话框。问题是,当我向下滚动页面并决定离开页面时,弹出窗口不会显示,因为鼠标不在 Y:小于 2 处。我该如何解决这个问题。即,当我离开页面并将鼠标悬停在地址栏上时,尽管向下滚动,但仍会出现一个弹出窗口。
这是我的代码和底部的工作示例。
var mouseLastYPos = null;
$(document).mousemove(function(e){
if(mouseLastYPos){
if (e.pageY < mouseLastYPos && e.pageY <= 2){
$('#mystuff').show();
}
}
mouseLastYPos = e.pageY;
});
工作示例:http://jsfiddle.net/bmHbt/ http://jsfiddle.net/bmHbt/
老问题,但我想我也应该分享我的代码,也许有人发现它有用。
$(function(){
var mouseY = 0;
var topValue = 0;
window.addEventListener("mouseout",function(e){
mouseY = e.clientY;
if(mouseY<topValue) {
alert("Do something here!!!");
}
},
false);
});
JSFIDDLE 链接 https://jsfiddle.net/e0wft7p4/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)