使用jtopo添加鼠标事件的元素绘制在HTML5的调研
使用HTML5时,画在画布上的东西无法对应鼠标事件,但jtopo添加事件很简单,而且效果如下:
代码示例:
复制代码代码如下所示:
var =新jtopo节点。节点(你好);
(409, 269)node.setlocation;
node.mousedown(功能(事件){)
如果(event.button = = 2){
node.text =右;
} else if(event.button = = 1){
node.text =按中键;
} else if(event.button = = 0){
node.text =按左键;
}
});
Node.mouseup(功能(事件){)
如果(event.button = = 2){
node.text =松开右键;
} else if(event.button = = 1){
node.text =松开中间键;
} else if(event.button = = 0){
node.text =松开左键;
}
});
Node.click(功能(事件){)
console.log(点击);
});
Node.dbclick(功能(事件){)
console.log(双重打击);
});
Node.mousedrag(功能(事件){)
console.log(拖放);
});
Node.mouseover(功能(事件){)
console.log(鼠标悬停);
});
Node.mousemove(功能(事件){)
console.log(鼠标移动);
});
Node.mouseout(功能(事件){)
console.log(怪);
});