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

亚历克斯达夫

我正在创建一个自定义光标“拖车”(见小提琴:https : //jsfiddle.net/alexdlf/hx6yzu4w/

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

我的实现有问题吗?或者mouseenter我缺少一些基本的东西吗?

不是黑暗绝对

“光标”覆盖了红框。拥有透明背景并不能阻止这一点。如果您移动鼠标的速度超过“光标”可以跟上的速度,则它“有效”。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

触发Mouseenter事件

来自分类Dev

触发Mouseenter事件

来自分类Dev

jQuery mouseenter不触发

来自分类Dev

jQuery mouseenter不触发

来自分类Dev

jQuery MouseOut触发mouseEnter

来自分类Dev

当光标隐藏在其他HTML元素后面时,如何触发mouseenter事件?

来自分类Dev

当光标隐藏在其他HTML元素后面时,如何触发mouseenter事件?

来自分类Dev

仅当mouseenter事件持续1秒时才触发功能

来自分类Dev

从子元素输入父项时,不会触发MouseEnter事件

来自分类Dev

AngularJS-如何仅在cilck事件上不触发移动设备上的悬停动作(ng-mouseenter)

来自分类Dev

UserControl的标签隐藏了MouseEnter事件

来自分类Dev

RichTextBox的MouseEnter事件处理程序

来自分类Dev

jQuery mouseenter事件未执行

来自分类Dev

DIVI中的Javascript:mouseenter不起作用

来自分类Dev

当动画元素触摸鼠标时触发mouseenter

来自分类Dev

仅在触摸时触发Javascript事件

来自分类Dev

拖动html元素时检测mouseenter事件

来自分类Dev

ng-mouseleave在mouseenter上触发

来自分类Dev

JS mouseenter触发两次

来自分类Dev

jQuery mouseenter导致div元素移动

来自分类Dev

关于背景svg元素的mouseenter事件

来自分类Dev

mouseenter mouseleave事件有冲突吗?jQuery的

来自分类Dev

MouseEnter和MouseLeave事件似乎很慢

来自分类Dev

哪个UserControl调用事件MouseEnter?

来自分类Dev

Mouseover / Mouseenter事件超出元素范围

来自分类Dev

绝对定位元素上的 Mouseenter 事件

来自分类Dev

鼠标悬停多次时,mouseenter起泡

来自分类Dev

在mouseEnter上使用JavaScript向元素添加和删除类

来自分类Dev

当Mouseenter尚未完成时,Mouseleave不会触发