请教JTopo中Node节点treeview 双击不展开展开技术问题

使用jTopo给Html五 Canva中绘制的元素添加鼠标事件_html5教程技巧 - HTML5当前位置:& &&&使用jTopo给Html五 Canva中绘制的元素添加鼠标事件_使用jTopo给Html五 Canva中绘制的元素添加鼠标事件_html5教程技巧&&网友分享于:&&浏览:0次使用jTopo给Html5 Canva中绘制的元素添加鼠标事件_html5教程技巧
代码如下: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"); });
12345678910
12345678910
12345678910 上一篇:没有了下一篇:文章评论相关解决方案 1234567891011 Copyright & &&版权所有织梦模板建站、织梦仿站,推荐选跟版网(专业织梦模板定制下载站),您可以把织梦模板网:
跟版网(www.genban.org)是专业的DEDECMS模板下载和定制开发服务商!
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
& &以下内容您可能感兴趣: &
使用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"); });
跟版网-专业织梦模板下载平台,转载请注明出处:
& &精心为您推荐: &
& &邀您关注: &
扫描左侧二维码即可在手机端访问此页面
扫描左侧二维码即可关注跟版网官方微信公众号,获取金币模板,还可以免费仿站哦!
扫描左侧二维码即可加入跟版网官方群,免费获取金币资源并可以与其他织梦高手共同交流学习
跟版网率先实现织梦的三网合一网站,从即日起()日,跟版网会陆续免费分享一批金币资源给需要的朋友,关注本站认证官方微信公众账号并回复相应的提取码,系统会自动将下载地址发送给您,同时这些金币资源也会分享在官方的QQ群中,欢迎各位朋友踊跃加入。另外本站后期会每周选择大家比较喜欢的网站仿制,并免费分享给大家,还有免费送金币活动哦!
- dede源码分享
售价:60金币
- dede源码分享
售价:3金币
- dede源码分享
售价:120金币
- dede源码分享
售价:10金币
- dede源码分享
售价:60金币
& & & 跟版网竭力打造中国最大的织梦源码和织梦模板商城,我们有一批经验丰富的设计师和程序员,发展五年,跟版网拥有丰富的织梦模板,欢迎您的咨询,我们将竭诚为您提供最优质的服务。
& & & 跟版网织梦源码商城坚持“创意+品质+服务”的高端理念,运用创意设计的理念为您塑造高品质的网络品牌形象。凭借五年的探索和实践,跟版网织梦源码商城拥有一支经验丰富、技术精湛、尽职尽责的网络服务团队。精品网站建设,从跟版网织梦源码商城建站开始。
& & & 跟版网织梦源码和模板可分为两种形式获得,一种是官方源码,另外一种是会员共享源码。两种源码都分为免费和收费两种形式。
& & & 跟版网官方收费源码可通过支付费用获得,具体操作流程可查看网址:。会员共享源码可通过共享模板获取金币下载。如觉得麻烦,可以联系客服QQ:进行金币充值,充值后可随意下载。api.js ( 文件浏览 )
(function(){
var ApiDoc = [
'核心对象',
name:'jTopo.Stage',
text:'一个抽象的舞台对象,对应一个Canvas对象,所有图形展示的地方',
functions:[
name: '.play()',
text:'播放指定场景,即切换到指定场景,被指定的场景为当前,其他场景不可见',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.saveAsLocalImage()',
text:'将当前显示的内容保存到本地为PNG图片',
support: 'Firefox, Safari, Opera, Chrome'
name: '.saveImageInfo()',
text:'将当前显示的内容导出成PNG图片(在浏览器新标签页中显示)',
support: 'Firefox, Safari, Opera, Chrome'
name: '.getWidth()',
text:'获取舞台的宽度',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.getHeight()',
text:'获取舞台的高度',
support: 'IE, Firefox, Safari, Opera, Chrome'
name:'jTopo.Scene',
text:'场景对象',
functions:[
name: '.add()',
text: '添加Sprite对象到当前场景中来',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.setBackground()',
text: '设置场景的背景图片',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.style.fillStyle',
text: '设置场景的背景颜色',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.addEventListener()',
text: '监听场景事件,如:scene.addEventListener(&mousedown&, function(event){
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.getWidth()',
text:'获取场景的宽度',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.getHeight()',
text:'获取场景的高度',
support: 'IE, Firefox, Safari, Opera, Chrome'
name:'jTopo.Node',
text:'节点对象',
functions:[
name: '.setImage()',
text: '设置节点图片',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.setSize()',
text:'设置节点的宽和高',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.setLocation()',
text:'设置节点在场景中的位置坐标(左上角)',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.setCenterLocation()',
text:'设置节点在场景中的位置坐标(中心位置)',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.addEventListener()',
text: '监听节点事件,如:node.addEventListener(&mousedown&, function(event){
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.visible',
text:'设置节点是否可见',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.dragble',
text:'设置节点是否可以拖动',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.rotate',
text:'设置节点旋转的角度(弧度)',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.alpha',
text:'设置节点透明度',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.scalaX',
text:'设置节点水平缩放',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.scalaY',
text:'设置节点垂直缩放',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.style.fillStyle',
text:'设置节点的填充颜色',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.style.fontSize',
text:'设置节点文本字体大小,如: &10pt&',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.style.font',
text:'设置节点文本字体, 如:&Consolas&',
support: 'IE, Firefox, Safari, Opera, Chrome'
name: '.style.fontColor',
text:'设置节点文本字体颜色RGB, 如:&255,255,0&',
support: 'IE, Firefox, Safari, Opera, Chrome'
function drawMenus(menus){
var ul = $('#menu').empty();
var children =
$.each(ApiDoc, function(i, e){
if(typeof e == 'string'){
li = $('&li&').appendTo(ul).addClass('cat-item cat-item-1').appendTo(ul);
$('&a&').html(e).appendTo(li);
children = $('&ul&').addClass('children').appendTo(li);
var cli = $('&li&').addClass('cat-item cat-item-5').appendTo(children);
$('&a&').attr('href', '#').html(e.name).appendTo(cli).click(function(){
showFunctions(e);
function showFunctions(obj){
var div = $('#content').empty();
$('&h1&').addClass('page-title').html('API: ' + obj.name).appendTo(div);
$('&hr&').appendTo(div);
$('&span&').html(obj.text).appendTo(div);
for(var i=0; i&obj.functions. i++){
var fn = obj.functions[i];
createArtical(fn).appendTo(div);
function createArtical(f){
var article = $('&article&').addClass('hentry');
var header = $('&header&').addClass('entry-header').appendTo(article);
var div = $('&div&').addClass('entry-meta').appendTo(header);
var span = $('&span&').addClass('category').appendTo(div);
$('&a&').attr('href', '#').html('浏览器 &').appendTo(span);
$('&a&').attr('href', '#').html(f.support).appendTo(span);
var h1 = $('&h1&').addClass('entry-title').appendTo(header);
$('&a&').attr('href', '#').html(f.name).appendTo(h1);
$('&div&').addClass('entry-summary').append($('&p&').html(f.text)).appendTo(article);
$(document).ready(function(){
drawMenus(ApiDoc);
$('#menu a:nth(1)').click();
})($ || jQuery);
展开> <收缩
下载源码到电脑,阅读使用更方便
还剩0行未阅读,继续阅读 ▼
Sponsored links
源码文件列表
温馨提示: 点击源码文件名可预览文件内容哦 ^_^
&jtopo&0.00 B29-10-13 09:03
&css&0.00 B16-10-13 19:46
6.79 kB03-09-13 10:52
49.62 kB02-09-13 22:38
&demo&0.00 B29-10-13 09:03
&img&0.00 B16-10-13 19:46
acer-samll.jpg3.95 kB02-09-13 22:38
bg.jpg55.86 kB02-09-13 22:38
building.png7.45 kB02-09-13 22:38
cloud.png2.84 kB02-09-13 22:38
cutfruit.jpg34.54 kB02-09-13 22:38
delivery.png11.01 kB02-09-13 22:38
&effect&0.00 B16-10-13 19:46
all.png214.47 kB02-09-13 22:38
all2.png364.96 kB02-09-13 22:38
caizhu.png92.66 kB02-09-13 22:38
&down&0.00 B16-10-13 19:46
1.png11.32 kB02-09-13 22:38
10.png49.89 kB02-09-13 22:38
11.png42.16 kB02-09-13 22:38
12.png34.65 kB02-09-13 22:38
13.png16.44 kB02-09-13 22:38
2.png65.71 kB02-09-13 22:38
3.png73.21 kB02-09-13 22:38
4.png103.68 kB02-09-13 22:38
5.png134.92 kB02-09-13 22:38
6.png158.94 kB02-09-13 22:38
7.png118.48 kB02-09-13 22:38
8.png64.29 kB02-09-13 22:38
9.png60.24 kB02-09-13 22:38
qi.png25.05 kB02-09-13 22:38
email.png21.82 kB02-09-13 22:38
&fruit&0.00 B16-10-13 19:46
apple.png4.23 kB02-09-13 22:38
background.jpg34.54 kB02-09-13 22:38
banana.png4.63 kB02-09-13 22:38
basaha.png6.24 kB02-09-13 22:38
boom.png3.93 kB02-09-13 22:38
developing.png11.88 kB02-09-13 22:38
dojo.png11.60 kB02-09-13 22:38
flash.png542.00 B02-09-13 22:38
flash_bak.png12.41 kB02-09-13 22:38
game-over.png23.72 kB02-09-13 22:38
home-desc.png14.38 kB02-09-13 22:38
home-mask.png1.85 kB02-09-13 22:38
logo.png27.80 kB02-09-13 22:38
lose.png2.62 kB02-09-13 22:38
new-game.png20.87 kB02-09-13 22:38
new.png5.17 kB02-09-13 22:38
ninja.png21.72 kB02-09-13 22:38
peach.png2.88 kB02-09-13 22:38
quit.png8.25 kB02-09-13 22:38
sandia.png7.27 kB02-09-13 22:38
score.png1.47 kB02-09-13 22:38
xxxf.png1.55 kB02-09-13 22:38
harddisk.png32.86 kB02-09-13 22:38
helpdesk.png9.51 kB02-09-13 22:38
home.png3.55 kB02-09-13 22:38
host.png4.36 kB02-09-13 22:38
laptop.png4.16 kB02-09-13 22:38
memory.png11.36 kB02-09-13 22:38
ne.png250.00 B02-09-13 22:38
ok.png5.78 kB02-09-13 22:38
OS_Apple.png13.43 kB02-09-13 22:38
OS_Ubuntu.png23.24 kB02-09-13 22:38
OS_Windows_8.png15.84 kB02-09-13 22:38
person.png4.10 kB02-09-13 22:38
&phone&0.00 B16-10-13 19:46
bullets.png2.95 kB02-09-13 22:38
IE.png3.65 kB02-09-13 22:38
Karate.png3.60 kB02-09-13 22:38
power.png3.07 kB02-09-13 22:38
Setup.png3.66 kB02-09-13 22:38
signal.png3.48 kB02-09-13 22:38
SMS.png3.13 kB02-09-13 22:38
usb.png2.91 kB02-09-13 22:38
writing.png3.61 kB02-09-13 22:38
print.png9.54 kB02-09-13 22:38
&pstn&0.00 B16-10-13 19:46
antenna.png1.06 kB02-09-13 22:38
cartridge_system.png397.00 B02-09-13 22:38
cloud.png6.08 kB02-09-13 22:38
host.png4.36 kB02-09-13 22:38
line.png411.00 B02-09-13 22:38
mainframe.png199.00 B02-09-13 22:38
modem.png211.00 B02-09-13 22:38
msc.png386.00 B02-09-13 22:38
phone.png1.02 kB02-09-13 22:38
router.png178.00 B02-09-13 22:38
router2.png316.00 B02-09-13 22:38
satellite_antenna.png677.00 B02-09-13 22:38
terminal.png564.00 B02-09-13 22:38
testing.png195.00 B02-09-13 22:38
tw130.png4.69 kB02-09-13 22:38
wdm.png4.40 kB02-09-13 22:38
qq.png10.67 kB02-09-13 22:38
room.jpg172.18 kB02-09-13 22:38
&statistics&0.00 B16-10-13 19:46
center.png4.23 kB02-09-13 22:38
cloud.png2.84 kB02-09-13 22:38
gather.png3.41 kB02-09-13 22:38
host.png4.36 kB02-09-13 22:38
server.png3.32 kB02-09-13 22:38
wanjet.png4.71 kB02-09-13 22:38
wanjet2.png4.32 kB02-09-13 22:38
telephone.png16.16 kB02-09-13 22:38
vm.png1.50 kB02-09-13 22:38
vm_inner.jpg73.22 kB02-09-13 22:38
&win7&0.00 B16-10-13 19:46
desktop.png800.99 kB02-09-13 22:38
excel.png1.43 kB02-09-13 22:38
folder.png1.33 kB02-09-13 22:38
mycomputer.png2.11 kB02-09-13 22:38
recycle.png1.52 kB02-09-13 22:38
word.png1.38 kB02-09-13 22:38
zone.png2.48 kB02-09-13 22:38
&js&0.00 B16-10-13 19:46
42.20 kB02-09-13 22:38
35.82 kB03-09-13 09:41
&snippet&0.00 B29-10-13 09:02
66.84 kB29-10-13 09:02
jquery.snippet.min.js.bak66.85 kB02-09-13 22:38
2.50 kB29-10-13 08:57
&img&0.00 B16-10-13 19:46
bg-footer-noise.jpg6.75 kB02-09-13 22:38
bullet.png224.00 B02-09-13 22:38
dark-grey-tile.png3.65 kB02-09-13 22:38
&demo&0.00 B16-10-13 19:46
animate.png447.68 kB02-09-13 23:52
animate2.png15.58 kB03-09-13 00:03
gravity.png13.58 kB03-09-13 00:01
gravity2.png23.18 kB03-09-13 00:02
link.png371.90 kB02-09-13 23:51
node.png364.63 kB02-09-13 23:42
pstn.png379.81 kB02-09-13 23:44
statics.png374.12 kB02-09-13 23:43
topology.png389.00 kB02-09-13 23:45
topology2.png398.88 kB02-09-13 23:47
topology3.png435.94 kB02-09-13 23:48
topology4.png377.99 kB02-09-13 23:49
topology5.png402.03 kB02-09-13 23:50
win7desktop.png495.04 kB03-09-13 00:47
download.png1.47 kB02-09-13 22:38
feature-sprites.png22.96 kB02-09-13 22:38
gauze.png5.90 kB02-09-13 22:38
html5-logo.png10.78 kB02-09-13 22:38
jq-global-nav.png6.58 kB02-09-13 22:38
logo-jtopo.png2.72 kB02-09-13 22:38
logo-jTopo.png.psd37.13 kB02-09-13 22:38
nva_bg_left.jpg8.24 kB02-09-13 22:49
nva_bg_mid.jpg8.10 kB02-09-13 22:49
nva_bg_right.jpg8.21 kB02-09-13 22:49
twaver-logo.png4.93 kB02-09-13 22:38
&js&0.00 B16-10-13 19:46
5.83 kB02-09-13 22:38
2.97 kB02-09-13 22:45
89.52 kB02-09-13 22:38
2.17 kB02-09-13 22:38
723.00 B02-09-13 22:38
Sponsored links
评价成功,多谢!
下载jtopo.rar
CodeForge积分(原CF币)全新升级,功能更强大,使用更便捷,不仅可以用来下载海量源代码马上还可兑换精美小礼品了
您的积分不足
支付宝优惠套餐快速获取 30 积分
10积分 / ¥100
30积分 / ¥200原价 ¥300 元
100积分 / ¥500原价 ¥1000 元
订单支付完成后,积分将自动加入到您的账号。以下是优惠期的人民币价格,优惠期过后将恢复美元价格。
支付宝支付宝付款
微信钱包微信付款
更多付款方式:、
您本次下载所消耗的积分将转交上传作者。
同一源码,30天内重复下载,只扣除一次积分。
鲁ICP备号-3 runtime:Elapsed:15.053ms 27.69
登录 CodeForge
还没有CodeForge账号?
Switch to the English version?
^_^"呃 ...
Sorry!这位大神很神秘,未开通博客呢,请浏览一下其他的吧}

我要回帖

更多关于 treeview 双击不展开 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信