我正在寻找是否有可能在没有画布的情况下不断收听鼠标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.clientY
和event.clientX
将始终返回正确的值。 https://developer.mozilla.org/en-US/docs/DOM/event.clientYevent
必须是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);