微学网

热门关键词:   as  thinkphp  ecshop  xxx  商务通  www.ymwears.cn
热门: ASP.NET PHP编程 ASP编程 JSP编程 Python

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

发布时间:2017-05-13 来源:未知 点击:
点评:在Canvas上绘制的东西是不能相应鼠标事件的,但是使用jTopo添加事件非常简单,下面有个示例,大家可以参考下使用Html5的时候,在Canvas上绘制的东西是不能相应鼠标事件的,但是使用jTopo添加事件非常简单,效果如下: HLiHTML5中文学习网 - HTML5先行者学习网
HLiHTML5中文学习网 - HTML5先行者学习网
 HLiHTML5中文学习网 - HTML5先行者学习网
HLiHTML5中文学习网 - HTML5先行者学习网
代码示例: HLiHTML5中文学习网 - HTML5先行者学习网

代码如下: HLiHTML5中文学习网 - HTML5先行者学习网
var node = new JTopo.Node("Hello"); HLiHTML5中文学习网 - HTML5先行者学习网
node.setLocation(409, 269); HLiHTML5中文学习网 - HTML5先行者学习网
node.mousedown(function(event){ HLiHTML5中文学习网 - HTML5先行者学习网
if(event.button == 2){ HLiHTML5中文学习网 - HTML5先行者学习网
node.text = '按下右键'; HLiHTML5中文学习网 - HTML5先行者学习网
}else if(event.button == 1){ HLiHTML5中文学习网 - HTML5先行者学习网
node.text = '按下中键'; HLiHTML5中文学习网 - HTML5先行者学习网
}else if(event.button == 0){ HLiHTML5中文学习网 - HTML5先行者学习网
node.text = '按下左键'; HLiHTML5中文学习网 - HTML5先行者学习网
} HLiHTML5中文学习网 - HTML5先行者学习网
}); HLiHTML5中文学习网 - HTML5先行者学习网
node.mouseup(function(event){ HLiHTML5中文学习网 - HTML5先行者学习网
if(event.button == 2){ HLiHTML5中文学习网 - HTML5先行者学习网
node.text = '松开右键'; HLiHTML5中文学习网 - HTML5先行者学习网
}else if(event.button == 1){ HLiHTML5中文学习网 - HTML5先行者学习网
node.text = '松开中键'; HLiHTML5中文学习网 - HTML5先行者学习网
}else if(event.button == 0){ HLiHTML5中文学习网 - HTML5先行者学习网
node.text = '松开左键'; HLiHTML5中文学习网 - HTML5先行者学习网
} HLiHTML5中文学习网 - HTML5先行者学习网
}); HLiHTML5中文学习网 - HTML5先行者学习网
node.click(function(event){ HLiHTML5中文学习网 - HTML5先行者学习网
console.log("单击"); HLiHTML5中文学习网 - HTML5先行者学习网
}); HLiHTML5中文学习网 - HTML5先行者学习网
node.dbclick(function(event){ HLiHTML5中文学习网 - HTML5先行者学习网
console.log("双击"); HLiHTML5中文学习网 - HTML5先行者学习网
}); HLiHTML5中文学习网 - HTML5先行者学习网
node.mousedrag(function(event){ HLiHTML5中文学习网 - HTML5先行者学习网
console.log("拖拽"); HLiHTML5中文学习网 - HTML5先行者学习网
}); HLiHTML5中文学习网 - HTML5先行者学习网
node.mouseover(function(event){ HLiHTML5中文学习网 - HTML5先行者学习网
console.log("mouseover"); HLiHTML5中文学习网 - HTML5先行者学习网
}); HLiHTML5中文学习网 - HTML5先行者学习网
node.mousemove(function(event){ HLiHTML5中文学习网 - HTML5先行者学习网
console.log("mousemove"); HLiHTML5中文学习网 - HTML5先行者学习网
}); HLiHTML5中文学习网 - HTML5先行者学习网
node.mouseout(function(event){ HLiHTML5中文学习网 - HTML5先行者学习网
console.log("mouseout"); HLiHTML5中文学习网 - HTML5先行者学习网
}); HLiHTML5中文学习网 - HTML5先行者学习网
HLiHTML5中文学习网 - HTML5先行者学习网

这就是微学网-程序员之家为你提供的"使用jTopo给Html5 Canva中绘制的元素添加鼠标事件"希望对你有所帮助.本文来自网络,转载请注明出处:http://www.weixuecn.cn/article/6766.html
网络编程 | 前端制作 | 数据库 | CMS教程 | 脚本编程 | 框架 | 服务器 | 微信开发 | APP开发 | 学习教程 |

凡本网站转载的文章、图片等资料的版权归版权所有人所有,因无法和版权所有者一一联系,如果本网站选取的文/图威胁到您的权益,请您及时和本网站联系。 我们会在第一时间内采取措施,避免给双方造 成不必要的损失。
© 2015-2021 微学网 版权所有,并保留所有权利。 备案号:粤ICP备09051474号-1

菜鸟学习网,提供各类程序编程入门,技巧