kineticjs如何在圖層的空白區域捕獲單擊事件

Question

我有一個圖層，其中有任意數量的圖形。如果我點擊任何形狀，那麼該形狀會在選定的未選中之間切換。如果「選定」了特性調色板，則可以更改所選形狀的屬性。所有這一切運作良好。我試圖添加一個功能，如果你點擊圖層的「選定」形狀將關閉的任何空白區域。

我已經嘗試了下面的代碼，但點擊圖層的空白區域時「點擊」事件不會觸發。

layer.on('click', function() { 
toggleoff();  
    }); 

什麼想法

Answer 1

你可以聽的點擊在這樣的階段：http://jsfiddle.net/m1erickson/6CLA8/

var clickcount=0; 

$(stage.getContent()).on('click', function (event) { 
    console.log(++clickcount)); 
}); 

Answer 2

你可以添加背景矩形到該層，然後單擊事件綁定到矩形

var layer = new Kinetic.Layer(); 
var bg = new Kinetic.Rect({ 
    width: stage.getWidth(), 
    height: stage.getHeight(), 
    x: 0, 
    y: 0 
}); 
layer.add(bg); 
stage.add(layer); 

然後，綁定你想要的事件：

bg.on('click', function() { 
    alert("clicked!"); 
})