从“dragmove”回调中移动图层后，事件丢失

我有一个移动图层的滚动条，因此该图层在滚动条的“dragmove”回调中移动。这会导致所有绑定事件在移动的图层上断开连接！

请看这个小提琴：http://jsfiddle.net/NY4QK/10/ http://jsfiddle.net/NY4QK/10/

var stage = new Kinetic.Stage({
    container: 'container',
    width: 200,
    height: 200,
});

var fixedLayer = new Kinetic.Layer();
stage.add(fixedLayer);

var old_x = 100;
var old_y = 100;

var scroller = new Kinetic.Circle({
    x: old_x,
    y: old_y,
    radius: 10,
    fill: '#00F',
    stroke: 'black',
    strokeWidth: 4,
    draggable: true
});

scroller.on('dragmove', function(event){
    var pos = scroller.getAbsolutePosition();
    layer.move(pos.x - old_x, pos.y - old_y);
    old_x = pos.x;
    old_y = pos.y;
    layer.draw();
});

fixedLayer.add(scroller);

var layer = new Kinetic.Layer();
stage.add(layer);

var rect = new Kinetic.Rect({
    x: 10,
    y: 10,
    width: 50,
    height: 50,
    fill: '#0F0',
    stroke: 'black',
    strokeWidth: 4
});


rect.on('click', function(){
    rect.remove();
    layer.draw();
});

layer.add(rect);

layer.draw();
fixedLayer.draw();

这是一个错误还是我做错了什么？

当您使用拖动事件时，KineticJS 在顶部创建一个临时层，因此您的事件在拖动事件之后不会被注册dragmove.

只需添加另一个处理程序dragend像这样：

scroller.on('dragend', function(event){
    layer.moveToTop();
    layer.draw();
});

这是更新了小提琴 http://jsfiddle.net/aplus1/NY4QK/13/.

有关您遇到的问题的更多详细信息/解释，请检查以下内容：https://github.com/ericdrowell/KineticJS/issues/219 https://github.com/ericdrowell/KineticJS/issues/219