我正在制作一个浏览器游戏,它基于一个你可以构建的世界,基本上我有一个带有一个框的小用户窗口,其中包含世界/地图。
基本上这张地图太大了,所以你需要能够平移它,比如在框内点击并拖动来移动“地图”。 (地图本质上是一个大图)
现在图像和拖动存在问题。当我单击并拖动图像时,它假设我想“复制”它或将其拖动到某个地方。
我试图用普通的div替换它,它可以工作,所以代码很好。而且我也不想将图像作为背景图像放置。
所以我的问题是,如何“禁用”“拖动图片”功能?每当我尝试点击并拖动图片时,在任何网站上,我的光标变为“无”标志,这意味着我不能将其放在那里,如果我将其移动到让我们说photoshop,它会更改为“drop pic here”光标。
修改
对不起,我没有研究,我发现你可以做;
[element] .ondragstart = function(){return false; };
答案 0 :(得分:0)
您可以使用
[element].ondragstart = function() { return false; };
正如你的建议,或者我也认为你可以通过在图像顶部绝对定位另一个div来解决这个问题,就像“控制层”一样。这样你就可以编写js来响应该div中的鼠标交互,而不必担心图像。