Получите Click Event на пустой части сцены

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

.