2017-07-03 34 views
0

我有一個小問題。我使用easelJS在畫布上創建了一些形狀。EaselJS,拖放到容器,但點擊子容器

我已經創建了容器類來存放帶有文本的圓形狀。此類容器的容器點擊功能。

我創建了一個矩形形狀和其他文本的其他容器類。

在這個容器上,我已經激活了拖放功能將它移動到畫布上。工作正常,但是,當我添加容器(圓形形狀)作爲此容器的子項時,click函數由具有矩形形狀的容器調用。 我知道這樣的作品,因爲我把mousechildren設置爲false。

如果我改變這個屬性,當我移動父容器時,它的所有孩子都不會隨之移動。

我想將點擊功能父母重定向到我的圈子容器的點擊功能。

實際上,我只需要創建一個可移動的形狀,其中的其他形狀可點擊。

THX對您有所幫助,如果你需要我的代碼,我可以在這裏把這個

+0

這沒有任何意義。如果不移動其子項,則無法移動容器。這實際上是一個容器是什麼......它可能是你正在移動你的容器的內容(背景?),並假設這是容器本身?你可以發佈一些代碼或演示? – Lanny

回答

0

您可以偵聽容器的pressmove,以及對孩子的鼠標事件,因爲在EaselJS泡沫事件。

這裏有一個例子: http://jsfiddle.net/8L9wye4n/1/

// Listen for children events: 
s.on("click", function(event) { event.target.scaleX = event.target.scaleY = event.target.scaleX+0.1 }); 

// Listen for container drag/drop 
c.on("pressmove", function(event) { 
    c.x = stage.mouseX; 
    c.y = stage.mouseY; 
}); 

希望有所幫助。