2015-05-04 25 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!現在這是一個臨時工作修復,不過感激不盡。我稍後可能會爲此進行一次賞金。因爲我迷失了太多大聲笑。 –