Obter evento de Clique na parte em branco do palco

Question

Eu tenho palco dentro de eu ter de 2 a 3 imagens.Eu quero realizar determinada operação quando eu mouse na parte em branco do palco.Mas ele não será executado quando eu clique nas Imagens para dentro do palco.

Eu tentei isso, mas ele não vai parar de imagem clique aqui.

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

                // operation to perform ...

                }); 

Pl me ajudar se ninguém sabe sobre isso.Obrigado antecipadamente

Answer 1

Seu código vai pegar todos os cliques no palco, mesmo clica na imagem nós.

Uma solução é encher o palco com quase um plano de fundo transparente retângulo antes de todos os outros nós são adicionados.

Em seguida, ouça clica no fundo do retângulo.

Uma Demonstração: 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);