右鍵菜單插件可以綁定頁面中的任意元素，綁定后，選中元素，點擊右鍵，便通過該插件彈出一個快捷菜單，點擊菜單各項名稱執(zhí)行相應(yīng)操作，調(diào)用代碼如下：
$(selector).contextMenu(menuId,{options});
Selector參數(shù)為綁定插件的元素，meunId為快捷菜單元素，options為配置對象。
例如，選中頁面<textarea>元素，點擊右鍵，彈出插件綁定的快捷菜單，點擊菜單中的各個選項，便在頁面中顯示操作的對應(yīng)名稱。彈出插件綁定的快捷。
<body>
<div id="divtext">
<div class="title"><span class="fl">點擊右鍵</span></div>??
<div class="content">
<textarea id=:"textContent" cols="36" row="5"></textarea>
<div class="tip></div>
</div>
<div class="contextMenu" id="sysMenu">
<ul>
<li id="Li1"><img src="Imgages/new.png" alt=""/>新建</li>
<li id="Li2><img src="Imgages/folder.png" alt=""/>打開</li>
</ul>
</div>
</div>
<script type="text/javascript">
$(fuction(){
$("textContent").contextMenu('sysMenu',
{bindings:
{"Li1:fuction(Item){
$('. tip").show().html("您點擊了“”新建“”選項）；
}，
{"L2":fuction(Item){
$(".? tip").show().html("您點擊了“打開選項”）；?
}
}
}）；
</script>
</body>
當(dāng)文本框與右鍵菜單通過插件contextmenu()方法綁定后，選中文本框，點擊右鍵時，彈出快捷菜單，點擊“新建”選項時，顯示操作對應(yīng)內(nèi)容。
