JavaScript - 如何忽略轻微的拖动事件？
我在 div 中有一个可拖动的图像。我可以单击图像来弹出一个弹出菜单，效果很好。很多时候，当我单击图像时，我将其拖动大约 1-5 个像素，因此单击事件不会被触发，而是会触发 Dragstart 事件，因此弹出菜单不会出现在屏幕。
有没有办法阻止轻微的拖动事件发生？即，X 或 Y 轴上低于 5 像素的任何拖动事件都将被忽略，而 X 或 Y 轴上 5 像素以上的所有内容都将触发拖动事件。
I have a draggable image within a div. I can click on the image to bring up a pop-up menu, which works fine. Quite often when I click on the image I drag it by about 1-5 pixels, therefore on click event doesn't get fired up, instead, a dragstart event gets fired up, so the pop-up menu doesn't appear on the screen.
Is there a way to stop minor dragging events from firing up? I.e. any drag event below 5 pixels in either X or Y axis will be ignored, and everything above 5 pixels in either X or Y axis will fire up a dragging event.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果您使用的是 jQueryUI，请查看以下演示： http://jqueryui.com /demos/draggable/#delay-start
If you are using jQueryUI, take a look at the following demo: http://jqueryui.com/demos/draggable/#delay-start