僅當光標移動得足夠快時才會觸發Javascript mouseenter事件

Question

我正在創建一個自定義游標“ trailer”（請參見小提琴： https ： //jsfiddle.net/alexdlf/hx6yzu4w/ ）

通常，圓（ .cursor ）應該.cursor光標。 將.cl懸停在紅色框（ .cl ）上時，圓應移動並堅持到紅色框內的微小藍點（ .ct ）。 這是由mouseenter偵聽器觸發的。 但是，如果將光標移到紅色框中的速度太慢，則似乎事件未觸發並且效果沒有發生（如果光標以正常/更快的速度進入紅色框，則效果很好。）

我的實現有問題嗎？ 還是我缺少的關於mouseenter基本知識？

Answer 1

“光標”遮蓋了紅色框。 具有透明的背景並不能防止這種情況。 如果您移動鼠標的速度超過“光標”的保持速度，則它“起作用”。

添加pointer-events: none添加到“光標”的CSS。