首页 > 代码库 > jQuery右键菜单ContextMenu使用笔记
jQuery右键菜单ContextMenu使用笔记
插件下载地址:http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.js 和http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js
以下几个博文讲解的很详细了:http://www.blogjava.net/supercrsky/articles/250091.html和http://my.oschina.net/winHerson/blog/131582和http://edison87915.iteye.com/blog/1242386
核心就是弄个ul列表,然后给每个li绑定一个事件,上面的几个链接已经讲解的很清楚了。下面记录一下自己这次遇到的问题。
如果你有自己的事件要处理,譬如获取鼠标右键的目标元素,这个时候需要在onContextMenu后面的函数里添加自己对事件的处理,然后返回true就行了,代码如下:
1 $("#div_id").contextMenu(‘smallMenu‘,{ 2 onContextMenu:function(e){ 3 var obj = e.target;//鼠标点击的目标 4 /*然后对鼠标点击的目标进行一些特定的操作*/ 5 6 return true;//返回true则显示小菜单,返回false则不显示小菜单 7 }, 8 itemStyle: 9 {10 fontSize:‘12px‘11 },12 bindings:13 {14 ………… 15 }16 17 })
有需要的话也可以自己去更改源码。
jQuery右键菜单ContextMenu使用笔记
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。