댓글 : 캔버스에 그려진 것은 마우스 이벤트에 해당 할 수 없지만 JTOPO를 사용하여 이벤트를 추가하는 것은 매우 간단합니다. 아래 예가 있습니다. 참조 할 수 있습니다.
html5를 사용할 때 캔버스에 그려진 것은 마우스 이벤트에 해당 할 수 없지만 Jtopo를 사용하여 이벤트를 추가하는 것은 다음과 같은 효과가 있습니다.Code example:
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 ( "Double-Click");
});
node.mousedRag (function (event) {
Console.log ( "드래그");
});
node.mouseover (function (event) {
Console.log ( "마우스 오버");
});
node.mouseMove (function (event) {
Console.log ( "MouseMove");
});
node.mouseout (function (event) {
Console.log ( "마우스 아웃");
});