博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧
阅读量:6094 次
发布时间:2019-06-20

本文共 817 字,大约阅读时间需要 2 分钟。

hot3.png

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

转载于:https://my.oschina.net/u/2394328/blog/471828

你可能感兴趣的文章
PostgreSQL数据库中的常见错误
查看>>
jquery 控制 video 视频播放和暂停
查看>>
XCode调试多线程遭遇海森伯效应一例
查看>>
ie6下浮动使绝对定位元素莫名消失的问题
查看>>
FBReaderJ 1.6.3 发布,Android 电子书阅读器
查看>>
Java编程常见问题汇总(四)
查看>>
Hadoop 学习系列(四)之 MapReduce 原理讲解
查看>>
函数throttle、debounce介绍
查看>>
源码阅读:SDWebImage(三)——NSData+ImageContentType
查看>>
十六、类的真正形态
查看>>
spring-cloud Sleuth
查看>>
Python 进阶之路 (十一) 再立Flag, 社区最全的itertools深度解析(下)
查看>>
微信分享,二次分享(移动web端)
查看>>
蚂蚁金服智能推荐引擎解决方案与实践
查看>>
PC比电脑好玩的秘密是什么?答案就是因为有这些神奇的网站!
查看>>
30秒的PHP代码片段(2)数学 - Math
查看>>
助力中文文字识别突破,美团公开首个真实场景招牌图像数据集
查看>>
IOS常用框架集合
查看>>
Laravel 深入核心系列教程
查看>>
webpack 性能提速
查看>>