使用jTopo給Html5 Canva中繪製的元素添加鼠標事件_html5教程技巧

‍

代碼以下:

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"); });