2015-05-04 23 views
0

好吧,我决定最后只是将所有内容移植到jsfiddle中,因为我处于无法使其工作的地步。等距游戏 - 假视口运动问题

这里是链接:https://jsfiddle.net/d6wwbo4f/3/

走动了一下,你应该能去,并围绕这些瓷砖和自由世界各地的移动地图。

的问题是,当一个区块条(或接近)的用户点击时,.GameWorld的事件监听器得到你点击,并使用其偏移的目标名称。 这是不好的。我试图做到这一点,所以.GameWorld e.target始终是.GameWorld的目标......不管你在.GameWorld类中点击了什么。如果这是有道理的。

我试图让那些砖有一个背景图像效果(即不能发生,因为我的地图是在3000x3000大小,我将有一些巨大的图像,供用户下载。。:P

编辑:在对的jsfiddle中的JavaScript window线19是我检测到问题,但只是不知道一个解决方案..

EDIT2:我忘了补充一些事情Firefox和EI仅工作在Chrome ATM

回答

2

如果您不需要支持IE < = 10,最简单的解决方案将只是添加:

.GameScreen img { 
    pointer-events: none; 
} 

到您的CSS。

+0

哇,这样一个简单的解决方案。我一直在挣扎几个小时,如果不是几乎有一天想弄明白这一点。感觉就像我在欺骗自己一样,我想我的问题是一个CSS问题,而不是一个JavaScript问题? –

+1

这行代码只会使图像对鼠标事件不可见,所以您始终拥有正确的“目标”值。我敢肯定,它也有可能以某种方式解决这个问题在JS中,但目前我不知道如何... – Marek

+0

这很好,我的意思是,我只是告诉用户升级到IE 11!现在这是一个临时工作修复,不过感激不尽。我稍后可能会为此进行一次赏金。因为我迷失了太多大声笑。 –