在舞台的空白部分上单击事件

Question

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

我已经尝试过这个，但它不会停止图像点击此处。

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

                // operation to perform ...

                }); 

.

pl如果有人知道这一点，请帮助我。 提前谢谢

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);

.