移动/平移图像?

时间:2013-11-24 16:37:14

标签: javascript html image cursor drag

我正在制作一个浏览器游戏,它基于一个你可以构建的世界,基本上我有一个带有一个框的小用户窗口,其中包含世界/地图。

基本上这张地图太大了,所以你需要能够平移它,比如在框内点击并拖动来移动“地图”。 (地图本质上是一个大图)

现在图像和拖动存在问题。当我单击并拖动图像时,它假设我想“复制”它或将其拖动到某个地方。

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

所以我的问题是,如何“禁用”“拖动图片”功能?每当我尝试点击并拖动图片时,在任何网站上,我的光标变为“无”标志,这意味着我不能将其放在那里,如果我将其移动到让我们说photoshop,它会更改为“drop pic here”光标。

修改

对不起,我没有研究,我发现你可以做;

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

1 个答案:

答案 0 :(得分:0)

您可以使用

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

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