0

我正在开发一个可用于测试的网络应用程序：

“http://83.150.87.220/dropbox/HelsinkiViSeZip/Jatkasaari”

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

一旦文档加载并且中心图像变得可见，您可以mousedown + drag在zoom in/out该图像上或平移它。

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

在 Chrome 中一切正常，但在 FF 中，一旦你mousedown第二次在图像上并开始拖动光标，指示器（我之前提到的图像）似乎会png一直拖动并将一切弄乱。这似乎几乎是在任何浏览器中单击拖动图像的默认行为。但这很奇怪，因为在第一次mousedown+cursor drag组合中，一切正常。更不用说我确保防止图像的默认操作：

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

我对如何找到问题的想法一无所知，所以我疯了......有人可以帮忙吗？

提前致谢！

4

2 回答 2

0

我遇到了类似的问题，似乎还需要return false;防止浏览器的默认行为。

这是小提琴

于 2013-11-05T14:35:19.043 回答
0

您可以尝试将其设置为 div 容器内的背景图像或类似的东西，然后只显示/隐藏它而不是使用 img 元素。这样，您将无法使用光标实际“选择”图像，但如果它是由 javascript 驱动的，一切都应该仍然有效。

于 2012-06-01T15:09:55.203 回答