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

虽然让听众上班时遇到麻烦。我对javascript非常陌生,因此我正在尽最大努力进行搜索。我发现这段代码来自stackoverflow,用于监听鼠标。我可以使用它,但是它只能在页面上检测一次鼠标移动。我要用safley假设我需要删除document.removeEventListener('mousemove', myListener, false);

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

};

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


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

我希望在mousemove上onclick的示例

<!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);

07-24 19:26