Комментарий: Вещи, нарисованные на холсте, не могут соответствовать событиям мыши, но использование JTopo для добавления событий очень просто. Есть пример ниже, вы можете обратиться к нему
При использовании HTML5 вещи, нарисованные на холсте, не могут соответствовать событиям мыши, но добавление событий с использованием jtopo очень просто, со следующим эффектом:Пример кода:
var node = new jtopo.node ("hello");
Node.SetLocation (409, 269);
node.mousedown (function (event) {
if (event.button == 2) {
node.text = 'Щелкните правой кнопкой мыши';
} else if (event.button == 1) {
node.text = 'нажмите среднюю клавишу';
} else if (event.button == 0) {
node.text = 'нажмите левую кнопку';
}
});
node.mouseup (function (event) {
if (event.button == 2) {
node.text = 'Выпустить правой кнопкой мыши';
} else if (event.button == 1) {
node.text = 'Выпустить средний ключ';
} else if (event.button == 0) {
node.text = 'Отпустите левую кнопку';
}
});
node.click (function (event) {
console.log ("щелчок");
});
node.dbclick (function (event) {
console.log («дважды щелкните»);
});
node.mousedrag (function (event) {
console.log ("перетаскивать");
});
node.mouseover (function (event) {
console.log ("mouseover");
});
node.mousemove (function (event) {
console.log ("MouseMove");
});
node.mouseout (function (event) {
console.log ("Mouseout");
});