基于JavaScript实现智能右键菜单
2016-03-02 00:00
711 查看
通过本文给大家介绍智能右键菜单,需要引入的文件再文末会给出,先给大家展示下代码:
具体代码如下所示:
$('th') 指定加右键的标签,根据实际来确定 我这里是加在表格的表头上,所以是th标签
e.which = 3 表示是右键
这里列出了两种情况
一种是菜单上的内容确定 用前面一种opertion定义该右键菜单的名称,要唯一
另一种是不确定 可以通过从服务端获取数据,存储在数组中,我这里写死了,然后用第二种方式实现 其中需要用到闭包
需要引入的文件:http://download.csdn.net/detail/u012116457/9449905
以上内容是小编给大家分享的基于JavaScript实现智能右键菜单的相关知识,希望对大家有所帮助!
js实现的XP风格的右键菜单
js右键菜单效果代码
js 右键菜单,支持不同对象不同菜单(兼容IE、Firefox)
JavaScript屏蔽指定区域内右键菜单
利用JS重写Cognos右键菜单的实现代码
ExtJs grid行 右键菜单的两种方法
js捕获鼠标右键菜单中的粘帖事件实现代码
JavaScript 对任意元素,自定义右键菜单的实现方法
js禁止页面复制功能禁用页面右键菜单示例代码
具体代码如下所示:
var cityArray = new Array(); cityArray.push("北京"); cityArray.push("上海"); //设置表头的鼠标右击事件 $('th').mousedown(function(e){ var selected = e.target.innerHTML; //3表示右键 if(e.which==3){ if(selected=="订票类型"){ var opertion ={ name : "订票类型" }; var data = [[{ text:'出票', func:function(){ alert("出票"); } }],[{ text:'留票', func:function(){ alert("留票"); } }],[{ text:'改签', func:function(){ alert("改签"); } }],[{ text:'退票', func:function(){ alert("退票"); } }],[{ text:'全部', func:function(){ alert("全部"); } }]]; $(this).smartMenu(data,opertion); }else if(selected=="出发城市"){ var opertion ={ name : "出发城市" }; var data = []; for(var i=0;i<cityArray.length;i++){ //使用闭包 (function(i){ func = function(){ alert(cityArray[i]); } })(i); var obj = { text:cityArray[i], func:func }; var cArray = new Array(); cArray.push(obj); data.push(cArray); } var other = { text:"全部", func:function(){ alert("全部"); } } var otherArray = new Array(); otherArray.push(other); data.push(otherArray); $(this).smartMenu(data,opertion); } } return false;//阻止链接跳转 });
$('th') 指定加右键的标签,根据实际来确定 我这里是加在表格的表头上,所以是th标签
e.which = 3 表示是右键
这里列出了两种情况
一种是菜单上的内容确定 用前面一种opertion定义该右键菜单的名称,要唯一
另一种是不确定 可以通过从服务端获取数据,存储在数组中,我这里写死了,然后用第二种方式实现 其中需要用到闭包
需要引入的文件:http://download.csdn.net/detail/u012116457/9449905
以上内容是小编给大家分享的基于JavaScript实现智能右键菜单的相关知识,希望对大家有所帮助!
您可能感兴趣的文章:
Js+DVML很酷漂亮实用的右键弹出菜单js实现的XP风格的右键菜单
js右键菜单效果代码
js 右键菜单,支持不同对象不同菜单(兼容IE、Firefox)
JavaScript屏蔽指定区域内右键菜单
利用JS重写Cognos右键菜单的实现代码
ExtJs grid行 右键菜单的两种方法
js捕获鼠标右键菜单中的粘帖事件实现代码
JavaScript 对任意元素,自定义右键菜单的实现方法
js禁止页面复制功能禁用页面右键菜单示例代码
相关文章推荐
- js实现不重复导入的方法
- 基于JavaScript实现表单密码的隐藏和显示出来
- javascript求日期差的方法
- 浅谈JS原型对象和原型链
- JS获取当前脚本文件的绝对路径
- 编写高质量JavaScript代码的基本要点
- js学习笔记(新手)
- JMAP、jstat命令详解
- href=“javascript:”vs href=“javascript:void(0)”
- javascript要点总结
- 利用Javascript实现隔行变色
- day05—html之JSP&Servlet进阶
- JavaScript-DOM-获取样式
- JavaScript多线程 html5 Worker, SharedWorker
- JavaScript中,读取和修改节点对象
- js 基本基础知识回顾
- javascript的数据类型
- 关于js的几个疑问
- JavaScript--深入理解原型与闭包
- [c#] LitJson使用中的一些问题