等距游戏 - 假视口运动问题

Question

好吧，我决定最后将所有内容都移植到jsfiddle中，因为我无法让它工作。

以下是链接：https://jsfiddle.net/d6wwbo4f/3/

稍微移动一下，你应该可以在这些瓷砖下面和周围移动并在世界地图周围自由移动。

问题是，当用户点击磁贴条（或接近它）时，.GameWorld的事件监听器会获取磁贴<的目标名称/ strong>您点击并使用其偏移量。 这很糟糕。我试图让它成为.GameWorld e.target始终是.GameWorld的目标......无论你在.GameWorld类内点击什么。如果那是有道理的。

我正在尝试让这些瓷砖具有背景图像效果（这是不可能的，因为我的地图尺寸超过3000x3000而且我会有一些巨大的图像供用户下载..：P

编辑：在jsfiddle的Javascript窗口的第19行是我检测到问题的地方，但只是不确定解决方案..

Edit2：我忘了为Firefox和EI添加一些东西。仅适用于Chrome atm。

Answer 1

如果您不需要支持IE＆lt; = 10，最简单的解决方案就是添加：

.GameScreen img {
    pointer-events: none;
}

到您的CSS。