jQuery右键菜单ContextMenu使用笔记
2015-02-02 16:58
232 查看
插件下载地址: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和/article/3871758.html
核心就是弄个ul列表,然后给每个li绑定一个事件,上面的几个链接已经讲解的很清楚了。下面记录一下自己这次遇到的问题。
如果你有自己的事件要处理,譬如获取鼠标右键的目标元素,这个时候需要在onContextMenu后面的函数里添加自己对事件的处理,然后返回true就行了,代码如下:
有需要的话也可以自己去更改源码。
以下几个博文讲解的很详细了:http://www.blogjava.net/supercrsky/articles/250091.html和http://my.oschina.net/winHerson/blog/131582和/article/3871758.html
核心就是弄个ul列表,然后给每个li绑定一个事件,上面的几个链接已经讲解的很清楚了。下面记录一下自己这次遇到的问题。
如果你有自己的事件要处理,譬如获取鼠标右键的目标元素,这个时候需要在onContextMenu后面的函数里添加自己对事件的处理,然后返回true就行了,代码如下:
$("#div_id").contextMenu('smallMenu',{ onContextMenu:function(e){ var obj = e.target;//鼠标点击的目标 /*然后对鼠标点击的目标进行一些特定的操作*/ return true;//返回true则显示小菜单,返回false则不显示小菜单 }, itemStyle: { fontSize:'12px' }, bindings: { ………… } })
有需要的话也可以自己去更改源码。
相关文章推荐
- JQuery学习笔记:typeof的使用
- jquery.treeview使用笔记
- jQuery学习笔记--jqGrid的使用方法(编辑,删除,更新,新增)
- jQuery插件应用之--- 选项卡插件的使用(10级学员 韩晓爽课堂笔记)
- cakephp菜鸟笔记——Js引擎jQuery使用
- jquery插件使用笔记(一):jPrintArea插件的使用
- jquery.smartWizard 使用笔记
- jQuery笔记,这里将记载我使用jQuery的各种问题。
- jquery-easyui 使用笔记
- php中jQuery插件autocomplate的简单使用笔记
- jquery插件之jqModal使用笔记(转载)
- JQuery学习笔记——如何使用JQuery
- jquery.treeview使用笔记
- jQuery学习笔记—— .html(),.text()和.val()的使用
- jquery显示本地文件插件 使用笔记
- jQuery-使用选择器注意事项 学习笔记十
- jQuery学习笔记之jQuery选择器的使用
- [Javascript - JQuery - Plugin] Flexigrid 使用笔记(一)
- jquery.treeview使用笔记