gpt4 book ai didi

javascript - 检测鼠标方向的功能错误

转载 作者:太空宇宙 更新时间:2023-11-04 02:24:55 24 4
gpt4 key购买 nike

我已经编写了一个检测鼠标方向的函数并且它可以工作但是它有一个错误。当我第一次将鼠标指针从左侧放入 div 时该函数计算出鼠标指针在被调用时已移动到右侧第一次,然后它运行良好。我不知道我是否解释了我的问题,但你可以很容易地在浏览器的控制台中看到第一个打印值时的错误。

这是我的代码

<body>
<div id="padre-relative">

</div>
</body>



#padre-relative{
position:relative;
width:300px;
height:300px;
overflow: hidden;
background: red;
margin-left:300px;

}





window.onload=function(){

var storageMousePositionX=0;

var positionMouseX=0;


document.getElementById("padre-relative").onmousemove= function(){


positionMouseX=event.clientX;

if(positionMouseX > storageMousePositionX){

console.log("right");

}
if(positionMouseX < storageMousePositionX){
console.log("left");

}
storageMousePositionX=positionMouseX;

};

};

最佳答案

这是因为您在加载时将 var storageMousePositionX 设置为 0。第一次进入div时应该设置。

document.getElementById("padre-relative").onmouseenter = function(){
storageMousePositionX = event.clientX;
}

查看此 fiddle

关于javascript - 检测鼠标方向的功能错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37486906/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com