在kineticjs中使用id的鼠标事件

Question

我想使用 image.It 不工作的 ID 将 dragmove 事件添加到特定图像。

        $("#image1").on('dragmove', function(evt) {
            var shape = evt.targetNode;
            alert('you clicked on \"' + shape.getPosition().x + '\"');
        });

Answer 1

您似乎在混合使用 jQuery 和 KineticJS。 jQuery 不知道舞台上的形状，那些是由 KineticJS 管理的。

尝试这样的事情：

var image = stage.get('#image1')[0];

image.on('dragstart', function() {
        alert('you clicked on \"' + image.position().x + '\"');
});

Answer 2

您可以使用find(id) 或findOne(id) 在舞台上获取图像实例。

stage.findOne('#image1').on('dragmove', function() {
    // here this refers to image instance
});

在kineticjs中使用id的鼠标事件

mouse event using id in kineticjs

javascript

mouseevent

kineticjs