鼠标和触摸事件

Question

我正在构建一个完全自定义的照片库，目前我正在制作一张专辑的全屏视图。

现在我已经构建了它，以便您可以使用touchevents来左右滑动图像以及处于下一个和之前的图像中。它工作得非常好，但是我也希望这个可以在没有触摸屏的台式机上工作，我也需要满足鼠标。

我找到了这个小型库：https://github.com/Tundra-Interactive/swipe.jquery.js并集成了它，但当我开始用鼠标悬停在我的照片上时，内置的chrome功能被激活，图片跳出来，所以我可以将它拖到另一个应用程序/我的桌面为自己保存/下载副本。它拖动时会略微淡化图像。

如何禁用此功能，以便专注于鼠标事件？

还有更好的方法可以让我的触控事件适应台式机的工作吗？

Answer 1

这可能会对您有所帮助Why is event.preventDefault() in dragstart interrupting furthur drag events from executing?

您只需阻止浏览器的默认拖动行为，然后使用鼠标按下和mouseup事件自行处理拖动。