Opera 拖动图像问题如何禁用预览答案

【问题标题】：Opera issue with dragging imaging how to disable previewOpera 拖动图像问题如何禁用预览
【发布时间】：2012-04-20 03:38:36
【问题描述】：

我有一组图像，例如 9 个 3x3 网格。我希望用户将鼠标放在图像上并将其拖动到网格中的另一个图像以“交换”或将其拖动到两个图像之间以插入点。

在 IE、Chrome、FF、Safari 中一切正常。 Opera 虽然仍然显示拖动图像的不透明“预览”，我已在所有其他浏览器中使用return false 成功抑制了ondragstart 事件。 Opera返回的图像也向右偏移100px左右，可能与我的CSS有关。

但是，我不在乎别人复制我的图片，这是为了提供功能。我需要不透明的拖动不在 Opera 中显示。

【问题讨论】：

也许尝试在拖动图像时将其设置为透明？将图像设置为容器的背景并使容器可拖动？我似乎认为后者会更好。

标签： javascript browser cross-browser opera

【解决方案1】：

如果您使用的是 html5 d'n'd，则无法阻止显示拖动反馈（规范至少没有指定任何 IINM）。不过，您可能需要调用数据传输的 setDragImage() 并将图像设置为中性的。

【讨论】：

【解决方案2】：

是否可以提供您正在使用的 HTML、CSS 和 JS？你自己处理 d'n'd 还是想使用 HTML5 d'n'd （从 ondragstart 片段中的'return false' 我带你自己做，因为似乎你取消了取消 html5 d'n'd 的 ondragstart )?如果您使用 addEventListener() 注册 ondragstart，则需要调用 preventDefault() 来取消 d'n'd。

【讨论】：