如何在可拖动图层顶部单击时获得精确的指针位置？

Question

我只是在学习Kinetic.js，我非常喜欢它使用HTML5 <canvas>元素的过程。

我有一个大于“舞台”（使用动力学说法）但可拖动的大图层。拖动功能似乎以两种不同方式干扰点击处理程序：某些单击不会注册;和那些做的，只有当层位于原始位置时，位置才是准确的。

Here's a fiddle显示我遇到的问题。在我的实际代码中，底层实际上是一个图像。

Answer 1

http://jsfiddle.net/EKaAv/1/

layer.on ('click', function(e) { 
    console.log(e); 
    var mousePos = stage.getMousePosition(); // mouse position relative to stage 
    var xclick = mousePos.x; 
    var yclick = mousePos.y; 
    var circle = new Kinetic.Circle({ 
     x: xclick - layer.getX(), // since position is relative to stage, adjust by layer X 
     y: yclick - layer.getY(), // same as above 
     radius: 25, 
     fill: 'red', 
     opacity: 0.5 
    }); 
    layer.add(circle); 
    stage.draw();  // redraw the stage immediately 
}); 

，似乎没有注册任何点击是由于其覆盖单击事件可拖动事件触发。