国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于JavaScript實現智能右鍵菜單

2019-11-20 10:27:34
字體:
來源:轉載
供稿:網友

通過本文給大家介紹智能右鍵菜單,需要引入的文件再文末會給出,先給大家展示下代碼:

具體代碼如下所示:

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實現智能右鍵菜單的相關知識,希望對大家有所幫助!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 怀仁县| 图们市| 井陉县| 永兴县| 商都县| 阿尔山市| 衡阳县| 祥云县| 扎鲁特旗| 南宫市| 永仁县| 灵宝市| 泾川县| 屏南县| 保德县| 上蔡县| 耿马| 吴堡县| 廊坊市| 金山区| 安阳市| 云龙县| 内乡县| 徐汇区| 福建省| 恭城| 汉阴县| 揭东县| 楚雄市| 永兴县| 海晏县| 涟源市| 介休市| 滁州市| 察雅县| 永丰县| 安徽省| 诏安县| 鞍山市| 鄂尔多斯市| 弋阳县|