国产探花免费观看_亚洲丰满少妇自慰呻吟_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實現智能右鍵菜單的相關知識,希望對大家有所幫助!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 滕州市| 大城县| 铜川市| 庄河市| 团风县| 云龙县| 伊宁市| 娄底市| 朝阳市| 太湖县| 贺兰县| 塘沽区| 渝中区| 高阳县| 阿拉善左旗| 甘谷县| 东光县| 丹凤县| 崇州市| 四会市| 财经| 太白县| 徐汇区| 麻栗坡县| 远安县| 家居| 札达县| 盘锦市| 郁南县| 永宁县| 洛南县| 吉隆县| 奇台县| 湟源县| 鄯善县| 黔江区| 武山县| 安吉县| 铜川市| 拉孜县| 收藏|