代码之家 › 专栏 › 技术社区 › Biruntha Gnaneswaran

在kineticjs中使用id的鼠标事件

kineticjs mouseevent javascript

Biruntha Gnaneswaran · 技术社区 · 10 年前

我想使用id of image将dragmove事件添加到特定的图像中。这并不令人担忧。

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

2 回复 | 直到 10 年前

Olim Saidov 10 年前

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

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

Yousif Al-Y 10 年前

看起来你在混合jQuery和KineticJS。jQuery不知道舞台中的形状,这些形状由KineticJS管理。

尝试以下操作:

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

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

推荐文章

Dusan · 在类内设置mouseup事件

7 年前

Fajer Albloushi · 根据给定坐标移动鼠标

7 年前

Deepa · 无法在Qgraphics图像上绘制矩形

7 年前

Leo · SendInput始终将鼠标指针移动到左上角

7 年前

Denny Williams · 如何获得鼠标移动之间的时间?

7 年前

Brad · JavaScript鼠标移动导致滞后?

7 年前

Harrison Cramer · 变换后的D3图像居中

7 年前

joepol · Javafx:ComboBoxTableCell-如何在一次单击中选择一个值?

7 年前

Bar K · Python 2.7-显示任务管理器时无法模拟Windows事件

7 年前

user4282812 · 使用时,事件不会在mousedown上更新。带有函数参数的bind()

7 年前