Javascript mouseenter 事件仅在光标移动得足够快时才会触发

Question

我正在创建一个自定义光标“预告片”(请参阅​​ fiddle :https://jsfiddle.net/alexdlf/hx6yzu4w/)

通常，圆圈 (.cursor) 应跟随光标。将鼠标悬停在红色框 (.cl) 上时，圆圈应移动并粘在红色框内的小蓝点 (.ct) 上。这是由 mouseenter 监听器触发的。但是，如果光标移入红色框的速度太慢，则似乎事件没有触发并且效果没有发生(如果光标以正常/更快的速度进入红色框，则效果很好)。

我的实现有问题吗？或者我遗漏了关于 mouseenter 的一些基本知识？

Answer 1

“光标”覆盖了红色框。拥有透明背景并不能阻止这种情况。如果您移动鼠标的速度比“光标”跟上的速度快，它就“有效”。

将 pointer-events: none 添加到“光标”的 CSS 中。