在舞台的空白部分获取Click事件

Question

我有舞台，我有2 - 3张图像。 当我点击舞台的空白部分时，我想执行某些操作。但是当我点击舞台内的图像时它不会执行。

我试过这个，但它不会停止图像点击这里。

$(stage.getContent()).on('click', function(e) {

                // operation to perform ...

                }); 

如果有人知道的话，请帮助我。 提前致谢

Answer 1

您的代码将捕获舞台上的所有点击，甚至点击图片节点。

一种解决方法是在添加任何其他节点之前用几乎透明的背景矩形填充舞台。

然后听取该背景矩形的点击次数。

演示：http://jsfiddle.net/m1erickson/Cx44H/

var bk=new Kinetic.Rect({
    x:0,y:0,
    width:stage.width(),
    height:stage.height(),
    opacity:.01,
    stroke:"white",
});
bk.on("click",function(){
    console.log("clicked on the background");
});
layer.add(bk);