ステージの空白部分でクリックイベントを取得します

Question

私は私には2 - 3の画像があるステージがあります。 ステージの空白部分をクリックすると、特定の操作を実行します。しかし、ステージ内の画像をクリックすると実行されません。

これを試してみましたが、画像を止めませんここをクリックしてください。

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

                // operation to perform ...

                }); 

.

Pl誰かがこれについて知っている場合は私を助けます。 事前にありがとう

Answer 1

あなたのコードはをクリックして、イメージノードをクリックしてもクリックします。

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

.