gpt4 book ai didi

javascript - 始终获取 mousemove x 位置

转载 作者:行者123 更新时间:2023-11-30 15:34:11 24 4
gpt4 key购买 nike

我正在寻找是否有可能在没有 Canvas 的情况下不断收听鼠标的 x 位置,直到它们离开页面。与此相关,我想创建一个简洁的视差设计。

我在让听众工作时遇到了麻烦。我是 javascript 的新手,所以我尽可能多地使用谷歌搜索来弄清楚。我从 stackoverflow 中找到了这段代码,用于监听鼠标。我让它工作,但它只在页面上检测一次鼠标移动。我打算假设我需要删除 document.removeEventListener('mousemove', myListener, false);

var myListener = function () {
document.removeEventListener('mousemove', myListener, false);

};

document.addEventListener('mousemove', myListener, false);

我还通过 MouseEvent.ClientX 阅读了 clientX 上的文档但我无法将两者实时结合起来。我尝试的一切都没有结果。

onclick 的例子,我想要在 mousemove 上

<!DOCTYPE html> 
<html>
<head>
<title>clientX\clientY example</title>

<script>
function showCoords(evt){
alert(
"clientX value: " + evt.clientX + "\n" +
"clientY value: " + evt.clientY + "\n"
);
}
</script>
</head>

<body onmousedown="showCoords(event)">
<p>To display the mouse coordinates click anywhere on the page.</p>
</body>
</html>

有什么资源或方向可以引导我吗?

最佳答案

event.clientYevent.clientX 将始终返回正确的值。 https://developer.mozilla.org/en-US/docs/DOM/event.clientY

event 需要是 MouseEvent(参见 https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent)。例如:

function moveListener(event) {
console.log('clientX: ' + event.clientX);
console.log('clientY: ' + event.clientY);
}

document.addEventListener('mousemove', moveListener);

关于javascript - 始终获取 mousemove x 位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41819935/

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