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

您可以向该图层添加背景矩形，并将click事件绑定到矩形

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!");
})

kineticjs如何在图层的空白区域捕获click事件

2 个答案: