插件下載地址: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 })
有需要的話也可以自己去更改源碼。