jquery - DOM 元素事件状态问题

Question

当我点击一个 DOM 元素时，我试图实现一种效果，在本例中是 list，目标 list 将旋转并保持原样。

这有点难以解释，所以这里是 link我目前正在从事的工作。

当您长按圆形灰色对象时，会慢慢显示菜单列表。但是，一旦放手，它就会再次消失。

我的目标是仅在圆形灰色对象上单击一次就会显示菜单，并且菜单会保持显示状态。

它很长，所以我只给你 css link相反。

Answer 1

从概念上讲，您可以拥有 mousedown 和 mouseup 事件的处理程序，以及两者都可以访问的计时机制。

在鼠标按下时，您启动计时机制并启动慢速动画。

在 mouseup 你要么

• 如果自按下鼠标以来的时间延迟低于某个阈值(即快速点击)，则完成动画

• 如果自鼠标按下以来的时间滞后超过阈值(即单击 + 按住)，则结束动画并将菜单返回到未打开状态