kineticjs 레이어의 빈 영역에 클릭 이벤트를 함정에 넣는 방법

Question

나는 모양이 여러 개인 레이어가 있습니다. 어떤 도형을 클릭하면 그 도형은 선택되지 않은 채로 토글됩니다. "선택됨"인 경우 속성 팔레트가 채워지고 선택한 모양의 속성을 변경할 수있는 기능이 제공됩니다. 이 모든 것이 잘 작동합니다. "선택한"모양이 해제 될 레이어의 빈 영역을 클릭하면 기능을 추가하려고합니다.

아래 코드를 시도했지만 레이어의 빈 영역을 클릭하면 "클릭"이벤트가 발생하지 않습니다.

layer.on('click', function() { 
toggleoff();  
    }); 

어떤 생각

Answer 1

당신은이 같은 무대에 클릭을들을 수 있습니다

: http://jsfiddle.net/m1erickson/6CLA8/

var clickcount=0; 

$(stage.getContent()).on('click', function (event) { 
    console.log(++clickcount)); 
}); 

Answer 2

당신은 해당 레이어에 배경 사각형을 추가 할 수 있고, 사각형에 클릭 이벤트를 바인딩

var layer = new Kinetic.Layer(); 
var bg = new Kinetic.Rect({ 
    width: stage.getWidth(), 
    height: stage.getHeight(), 
    x: 0, 
    y: 0 
}); 
layer.add(bg); 
stage.add(layer); 

그런 다음 원하는 이벤트를 바인딩하십시오.

bg.on('click', function() { 
    alert("clicked!"); 
})