Comentário: As coisas desenhadas na tela não podem corresponder a eventos do mouse, mas usar o JTOPO para adicionar eventos é muito simples. Há um exemplo abaixo, você pode se referir a ele
Ao usar o HTML5, as coisas desenhadas na tela não podem corresponder a eventos do mouse, mas a adição de eventos usando o JTOPO é muito simples, com o seguinte efeito:Exemplo de código:
var node = new jtopo.node ("hello");
Node.setLocation (409, 269);
Node.Mousedown (função (Evento) {
if (event.button == 2) {
node.text = 'Clique com o botão direito do mouse';
} else if (event.button == 1) {
node.Text = 'Pressione a tecla do meio';
} else if (event.button == 0) {
node.Text = 'Pressione o botão esquerdo';
}
});
Node.MouseUp (function (Event) {
if (event.button == 2) {
node.text = 'Libere o botão direito do mouse';
} else if (event.button == 1) {
node.Text = 'Libere a chave do meio';
} else if (event.button == 0) {
node.Text = 'Libere o botão esquerdo';
}
});
Node.Click (function (Event) {
console.log ("clique");
});
node.dbclick (função (event) {
console.log ("clique duas vezes");
});
Node.MousedRag (função (Evento) {
console.log ("arrasto");
});
Node.MouseOver (função (Evento) {
console.log ("mouseOver");
});
Node.MouSouMove (função (Evento) {
console.log ("mousemove");
});
node.mouseout (function (event) {
console.log ("mouseOut");
});