hammer.js 및 kinetic.js를 사용하여 터치 된 요소 얻기

Question

현재 객체를 가져올 가능성이 있습니까?

for(var n = 0; n < 10; n++) { 
    var circle = new Kinetic.Circle({ 
     x: Math.random() * stage.getWidth(), 
     y: Math.random() * stage.getHeight(), 
     radius: Math.random() * 50 + 25, 
     fill: 'red', 
     stroke: 'black', 
     strokeWidth: 3, 
     draggable: true, 
     id: 'img'+n 
    }); 

    var transformer = Hammer(circle); //kineticjs stage 
    transformer.on('doubletap', function (e) { 
     alert(e); // get the current object 
    }); 

    layer.add(circle); 
} 

http://jsfiddle.net/HF3dL/4/

전자는 현재 요소지만, 터치 이벤트가 아닙니다. 내가 e.target을 시도한다면 -

Answer 1

당신은 사용할 수 있습니다 .. 요소가 정의되지 않고 e.gesture.target은 ...

캔버스 요소입니다하지만 난 감동 요소를 얻으려면 자바 스크립트 폐쇄 :

transformer.on('doubletap', function (e) { 
     console.log(e.targetNode); 
}); 

:

for(var n = 0; n < 10; n++) { 
    (function(){ 
    var circle = new Kinetic.Circle(conf); 

    var transformer = Hammer(circle); //kineticjs stage 
    transformer.on('doubletap', function (e) { 
     alert(e); // get the current object 
    }); 

    layer.add(circle); 
    })(); 
} 

또는 새로운 버전 잠깐, 당신은 targetNode 속성을 사용할 수 있습니다