在KineticJS中检测点击阶段而不是形状

Question

在KineticJS中,如何检测Click在对象/形状外发生咔嗒声的事件？

我试图将Rect其比例更改为2当用户点击它时,并返回到1用户点击其外部任何位置时的比例.

JSfiddle: http ://jsfiddle.net/ABTAD/8/

管理以检测舞台上的点击,但点击它Rect也会触发点击处理程序!!! 并且不知怎的,.setScale(1)它什么都不做,同时console.log打出了一些东西.如何Rect在空白阶段而不是空白阶段进行点击时,如何防止点击处理程序触发？

JS Code检测点击阶段

window.stage.getContainer().addEventListener('click', function(e) {
    $.each(window.layer.get('.box'), function(index, box) {
       box.setScale(1);
       console.log('clicked on stage');
    });
});

Answer 1

您可以使用stage.getContent()访问舞台内容包装器.从那里,您可以添加如下事件处理程序:

stage.getContent().addEventListener('click',...); //常规javascript

要么

$(stage.getContent()).on('click',...); // jquery