DIV CSS 佈局教程網

使用Html5的時候，在Canvas上繪制的東西是不能相應鼠標事件的，但是使用jTopo添加事件非常簡單，效果如下： 

 

代碼示例： 

復制代碼代碼如下:
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"); 
});