移动/平移图像？

Question

我正在制作一个浏览器游戏，它基于一个您可以构建的世界，基本上我有一个带有盒子的小用户窗口，世界/地图所在的位置。

基本上这张地图太大了，所以您需要能够平移它，例如在框内单击并拖动以移动“地图”。 （地图本质上是一张大图）

现在图像和拖动出现问题。当我单击并拖动图像时，它假定我想“复制”它或将其拖动到某处。

我尝试用普通的 div 替换它，它可以正常工作，所以代码很好。而且我也不想将图像放置为背景图像。

所以我的问题是，如何“禁用”“将图片拖动到某处”功能？每当我尝试在任何网站上单击并拖动图片时，我的光标都会变为“否”符号，这意味着我不能将它放在那里，如果我将它移动到 Photoshop 中，它会更改为“在此处放置图片”光标。

编辑

对不起，我没有研究，我发现你可以做到；

[元素].ondragstart = function() { return false; };

Answer 1

你可以使用

[element].ondragstart = function() { return false; };

正如您所建议的那样，或者我也认为您可以通过在图像顶部绝对定位另一个 div 来解决这个问题，就像“控制层”一样。这样你就可以编写响应该 div 中鼠标交互的 js，而完全不用担心图像。