Javascript 为什么e.clientX和e.clientY函数在鼠标悬停时输出不太顺畅？

今天我发现Javascript有一些恼人的东西。。 请参见下面给出的示例-

HTML和JAVASCRIPT：

<p>Click anywhere  | | | |.</p>

<script>
document.addEventListener('mouseover' ,function(e){
        console.log(`Position: (${e.clientX}, ${e.clientY})`);
    },false);
<script>

当我在浏览器google chrome中运行上述代码时，它不会不稳定地给出输出

当我将鼠标从一个位置移动到另一个位置时，它必须立即在控制台上给出输出，但它不能平稳地给出输出。 有什么问题吗

---

请尝试浏览器中的小代码，以了解我的意思。

当光标转换到绑定元素或其任何子元素时，将触发鼠标悬停。在您的情况下，当您绑定到文档时，它将在转换到任何元素时触发。如果我正确理解了您的问题，那么您要听的事件是mousemove。

当光标转移到绑定元素或其任何子元素上时，将触发mouseover。在您的情况下，当您绑定到文档时，它将在转换到任何元素时触发。如果我正确理解了您的问题，那么您要收听的活动是mousemove。

document.addEventListener'mousemove'，函数E{ log`Position:${e.clientX}，${e.clientY}`； }，假； 单击任意位置| | | |。

document.addEventListener'mousemove'，函数E{ log`Position:${e.clientX}，${e.clientY}`； }，假；

---

单击任意位置| | | |。

谢谢。。！我用mousemove获得了答案，但我仍然不清楚mouseover为什么不工作？同样，mouseover只在从一个元素转换到另一个元素时才会启动。在stackoverflow打开时，将javascript粘贴到chrome调试器控制台中，并在屏幕上缓慢移动鼠标，密切注意事件何时触发。每次你移动到页面上的不同元素时都会发生这种情况。在调试器和你的建议的帮助下，我消除了我的困惑。再次感谢谢谢很好，但接受我正确的答案更好…：-真的吗，@AbhishekKamal？为帮助你的人着想，如果他们帮助你，就把答案记为正确！我们会花时间帮助您，您至少可以点击一个按钮。谢谢。。！我用mousemove获得了答案，但我仍然不清楚mouseover为什么不工作？同样，mouseover只在从一个元素转换到另一个元素时才会启动。在stackoverflow打开时，将javascript粘贴到chrome调试器控制台中，并在屏幕上缓慢移动鼠标，密切注意事件何时触发。每次你移动到页面上的不同元素时都会发生这种情况。在调试器和你的建议的帮助下，我消除了我的困惑。再次感谢谢谢很好，但接受我正确的答案更好…：-真的吗，@AbhishekKamal？为帮助你的人着想，如果他们帮助你，就把答案记为正确！我们会花时间帮助您，您至少可以点击一个按钮。感谢您提供解决方案。。。但请告诉我为什么鼠标器不工作？如果您不知道答案，请与您的前辈讨论，然后再次告诉我，如果我们将鼠标移动到不同的元素，“mouseover”可以工作。尝试在元素p中移动鼠标，它不起作用。但是，当您将鼠标移到元素或其他元素之外时，它将起作用是的，当我将鼠标悬停在任何元素上时，它不起作用，它只在白色屏幕上起作用。工作在白色屏幕上，但不是立即。感谢您提供的解决方案。。。但请告诉我为什么鼠标器不工作？如果您不知道答案，请与您的前辈讨论，然后再次告诉我，如果我们将鼠标移动到不同的元素，“mouseover”可以工作。尝试在元素p中移动鼠标，它不起作用。但是，当您将鼠标移到元素或其他元素之外时，它将起作用是的，当我将鼠标悬停在任何元素上时，它不起作用，它只在白色屏幕上起作用。可在白色屏幕上工作，但不会立即工作。