我正在尝试使用此代码来检测鼠标方向是向上还是向下：
<html>
<head></head>
<body>
<div style="width: 500px; height: 500px; background: red;"></div>
</body>
</html>
var mY = 0;
$('body').mousemove(function(e) {
mY = e.pageY;
if (e.pageY < mY) {
console.log('From Bottom');
return;
} else {
console.log('From Top');
}
});
但是，我期望此代码不起作用。控制台日志始终显示“从顶部”
任何的想法 ？
var mY = 0;
$('body').mousemove(function(e) {
// moving upward
if (e.pageY < mY) {
console.log('From Bottom');
// moving downward
} else {
console.log('From Top');
}
// set new mY after doing test above
mY = e.pageY;
});
您my = e.pageY在比较之前进行设置，这意味着比较总是相等的（因此是错误的。）
像这样试试
var mY = 0;
$('body').mousemove(function(e) {
if (e.pageY < mY) {
console.log('From Bottom');
} else {
console.log('From Top');
}
mY = e.pageY;
});
e.pageY总是等于，mY因为您设置mY为e.pageY就在if语句之前。
您需要mY在确定方向后设置您的值（之前您是在之前设置它 - 因此总是会收到特定的结果）
代码：
//Values starts at middle of page
var mY = $('window').height()/2;
//Compares position to mY and Outputs result to console
$('body').mousemove(function(e) {
if (e.pageY < mY) {
console.log('Going Up');
}
else {
console.log('Going Down');
}
mY = e.pageY;
});
如果您使用 if/else，它将始终输出“Going Down”，即使 e.pageY == mY。
请改用 2 个 if 语句！
var mY = 0;
$('body').mousemove(function(e) {
// moving upward
if (e.pageY < mY) {
console.log('From Bottom');
// moving downward
}
if (e.pageY > mY) {
console.log('From Top');
}
// set new mY after doing test above
mY = e.pageY;
});
只是从 macek 复制代码并将 'else' 替换为 'if(...)' btw
最简单的方法。通过这种方式，您可以检测方向变化：
var tempMouseY=0;
$('body')
.mousemove(function(e) {
moveY = -(tempMouseY-e.pageY);
tempMouseY = e.pageY;
if (moveY<0) {
console.log('From Bottom');
} else {
console.log('From Top');
}
});