jQuery右键菜单ContextMenu使用笔记

浏览数：50 / 时间：2015年06月09日

插件下载地址：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     })

有需要的话也可以自己去更改源码。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 com log 使用 java html http class style 代码 com log 使用 java html http

相关文章

随机文章

您可能还喜欢

您可能还喜欢