jQuery右鍵菜單ContextMenu使用筆記


插件下載地址: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.htmlhttp://my.oschina.net/winHerson/blog/131582http://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     })

有需要的話也可以自己去更改源碼。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM