主页 > 知识库 > 使用jTopo给Html5 Canva中绘制的元素添加鼠标事件

使用jTopo给Html5 Canva中绘制的元素添加鼠标事件

热门标签:百度地图标注为什么总是封号 地图标注柱状图 四川移动电销外呼客户管理系统 怎么做百度地图标注 智能芯电话机器人 临海地图标注app 400开头的电话好申请不 小朱地图标注 咸阳稳定外呼系统软件
使用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");
});

标签:山南 陕西 平凉 南平 公主岭 平顶山 黄石 黄石

巨人网络通讯声明:本文标题《使用jTopo给Html5 Canva中绘制的元素添加鼠标事件》,本文关键词  使用,jTopo,给,Html5,Canva,中,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《使用jTopo给Html5 Canva中绘制的元素添加鼠标事件》相关的同类信息!
  • 本页收集关于使用jTopo给Html5 Canva中绘制的元素添加鼠标事件的相关信息资讯供网民参考!
  • 推荐文章