Question

像这样想象div：

<div class="list">
    <ul>
        <li class="user">Nickname 1</li>
        <li class="user">Nickname 2</li>
    </ul>
</div>

我想在所有智能手机上执行此操作，当我保持“昵称1”超过3秒钟时，div会以全屏打开并带有大的垂直菜单，然后在释放按钮时，菜单应该没有关闭

我应该使用onclick还是onpress？

你有个主意吗？

这种菜单在智能手机上随处可见，例如“阻止”用户或“删除对话”等。

谢谢。

Answer 1

我从未做过该功能。所以我不知道是否已经有一个图书馆可以满足您的需求。

如果没有，那么您可以轻松地手动实现：

您将需要注意mousedown事件和mouseup事件，并且还将需要一个计时器。

当mousedown事件在3秒内启动计时器并在回调函数上执行您想要的操作（例如，打开菜单）。如果触发了mouseup事件，请停止计时器，以便不会执行回调。