Komentar: Hal -hal yang ditarik di atas kanvas tidak dapat sesuai dengan acara mouse, tetapi menggunakan JTOPO untuk menambahkan acara sangat sederhana. Ada contoh di bawah ini, Anda dapat merujuknya
Saat menggunakan HTML5, hal -hal yang ditarik pada kanvas tidak dapat sesuai dengan peristiwa mouse, tetapi menambahkan peristiwa menggunakan JTOPO sangat sederhana, dengan efek berikut:Contoh kode:
var node = new jtopo.node ("hello");
node.setlocation (409, 269);
node.mousedown (function (event) {
if (event.button == 2) {
node.text = 'klik kanan';
} else if (event.button == 1) {
node.text = 'tekan tombol tengah';
} else if (event.button == 0) {
node.text = 'tekan tombol kiri';
}
});
node.mouseup (function (event) {
if (event.button == 2) {
node.text = 'Lepaskan klik kanan';
} else if (event.button == 1) {
node.text = 'Lepaskan kunci tengah';
} else if (event.button == 0) {
node.text = 'Lepaskan tombol kiri';
}
});
node.click (function (event) {
console.log ("klik");
});
node.dbClick (function (event) {
console.log ("klik dua kali");
});
node.mouseDrag (function (event) {
console.log ("drag");
});
node.mouseover (function (event) {
Console.log ("Mouseover");
});
node.mouseMove (function (event) {
Console.log ("Mousemove");
});
node.mouseout (function (event) {
console.log ("mouseout");
});