コメント：キャンバスに描かれたものは、マウスイベントに対応することはできませんが、JTOPOを使用してイベントを追加するのは非常に簡単です。以下に例があります、あなたはそれを参照することができます
HTML5を使用する場合、キャンバスに描かれたものはマウスイベントに対応することはできませんが、JTOPOを使用したイベントを追加することは非常に簡単で、次の効果があります。コード例：
var node = new jtopo.node（ "hello"）;
node.setlocation（409、269）;
node.usedown（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（ "click"）;
}）;
node.dbclick（function（event）{
console.log（ "double-click"）;
}）;
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"）;
}）;