JavaScript-如何忽略次要的拖动事件？

我在一个div中有一个可拖动的图像。我可以单击该图像以打开一个弹出菜单，该菜单工作正常。通常，当我点击图像时，我会将其拖动大约1-5像素，因此不会触发on click事件，相反，会触发dragstart事件，因此弹出菜单不会出现在屏幕上

---

有没有办法阻止小的拖拉事件发生？也就是说，X轴或Y轴上低于5像素的任何拖动事件都将被忽略，X轴或Y轴上高于5像素的所有内容都将触发拖动事件。

如果您使用的是jQueryUI，请看下面的演示：

正是我想要的。谢谢，我想这里唯一的缺点是我会引入一个额外的插件，这并不总是一件好事。