按住div或按钮时触发事件

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事件，请停止计时器，以便不执行回调。