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

2021-02-08 作者：匿名阅读：1447次

前言

本文重点解决使用jTopo给Hml5Cava中绘制的元素添加鼠标事件问题,希望能够帮助到你

点评：在Canvas上绘制的东西是不能相应鼠标事件的，但是使用jTopo添加事件非常简单，下面有个示例，大家可以参考下使用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");
});

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/html/3559.html

W 导出为.doc文档

标签使用中文学习非常绘制先行者使用

上一篇Application Cache未缓存文件无法访问无法加载问题

下一篇HTML5资源预加载(Link prefetch)详细介绍（给你的网页

以上内容由本站整理呈现，请务必在转载分享时注明本文地址！如对内容有疑问，请联系我们，谢谢！