Javascript mouseenter 事件仅在光标移动得足够快时触发
Javascript mouseenter event only fires if cursor is moving fast enough
我正在创建自定义光标 "trailer"（参见 fiddle：https://jsfiddle.net/alexdlf/hx6yzu4w/）
通常，圆圈 (.cursor) 应该位于光标的后面。将鼠标悬停在红框 (.cl) 上时，圆圈应该会移动并停留在红框内的小蓝点 (.ct) 上。这是由 mouseenter 侦听器触发的。但是，如果光标移入红色框的速度太慢，似乎事件没有触发，效果也没有发生（如果光标以 normal/faster 的速度进入红色框，效果很好）。
我的实现有问题吗？还是我缺少关于 mouseenter 的一些基本知识？
"cursor" 覆盖了红框。拥有透明背景并不能阻止这种情况。它 "works" 如果您移动鼠标的速度超过 "cursor" 可以跟上的速度。
将 pointer-events: none 添加到 "cursor" 的 CSS。
我正在创建自定义光标 "trailer"（参见 fiddle：https://jsfiddle.net/alexdlf/hx6yzu4w/）
通常，圆圈 (.cursor) 应该位于光标的后面。将鼠标悬停在红框 (.cl) 上时，圆圈应该会移动并停留在红框内的小蓝点 (.ct) 上。这是由 mouseenter 侦听器触发的。但是，如果光标移入红色框的速度太慢，似乎事件没有触发，效果也没有发生（如果光标以 normal/faster 的速度进入红色框，效果很好）。
我的实现有问题吗？还是我缺少关于 mouseenter 的一些基本知识？
"cursor" 覆盖了红框。拥有透明背景并不能阻止这种情况。它 "works" 如果您移动鼠标的速度超过 "cursor" 可以跟上的速度。
将 pointer-events: none 添加到 "cursor" 的 CSS。