Javascript HTML文档-can'；无法防止对象拖动

我正在开发一个web应用程序，可用于测试：

"http://83.150.87.220/dropbox/HelsinkiViSeZip/Jatkasaari"

它（主要）用于放大图像并平移同一图像

文档加载且中心图像可见后，您可以

mousedown+拖动

在该图像上进行

放大/缩小

或平移

当按下鼠标按钮时，您会注意到图像变得模糊，并且光标下方会出现一个指示器（png图像）。该指示器显示如何移动光标以选择动作（缩放/平移）

在Chrome中一切正常，但在FF中，一旦您在图像上第二次拖动鼠标并开始拖动光标，指示器（我前面提到的

png

图像）似乎会拖拽并弄乱一切。这似乎是在任何浏览器中单击并拖动图像的默认行为。但这很奇怪，因为在第一次

mousedown+光标拖动

组合时，一切正常。更不用说我确保防止图像的默认操作：

$(document).on('mousedown dragstart', 'img, a.icon', function(event) {  
    event.preventDefault(); 
}); 

对于如何发现问题，我的想法都干涸了，所以我要发疯了……有人能帮我吗

---

提前谢谢

您可以尝试将其设置为div容器内的背景图像或类似的内容，然后只显示/隐藏它，而不使用img元素。这样你就不能用光标真正地“选择”图像，但是如果它是由javascript驱动的，那么一切都应该正常工作。

我也遇到了类似的问题，似乎它还需要

返回false以防止浏览器的默认行为

是的，这是首选。不幸的是，PNG的大小取决于窗口大小。这意味着我需要为它使用一个标记，否则我无法控制高度和宽度。啊，我明白了：（好吧，如果你打算针对较新的浏览器，你可以使用CSS3