デモ：
<！DOCTYPE HTML> <HTML LANG = "EN"> <HEAD> <メタ文字コード= "UTF-8"> <メタ名= "ビューポート"コンテンツ= "幅=装置幅、初期の規模= 1.0" > <メタHTTP-当量= "X-UA-互換"コンテンツ= "IE =縁"> <タイトル>ドキュメント</タイトル> <スタイル> ■は{幅：200pxの、高さ300ピクセル、背景：#CCC;位置：絶対;左： 0;上部：0 ;表示：なし} ■はUL {マージン： 0 } </スタイル> </ head> <body> <！ - <HREF = "http://www.baidu .COM "> 21321312 </a>を- > <クラス= DIV "ボックス"> <UL> <LI>オプション。1 </ LI> <LI>オプション2 </ LI> <LI>オプション3 </ LI> <LI>オプション4 </ LI> </ UL> </ div> </ body> <SCRIPT> VAR Obox document.querySelector =（ "ボックス" ） ドキュメント。も、oncontextmenu = 関数（イブ）{//も、oncontextmenu イベントユーザーがマウスを右クリックするとコンテキストメニューをトリガ素子と開きます。 VaRの E = ||イブをwindow.event; obox.style.display = "ブロック" ; // falseに戻る; // デフォルトのイベントキャンセル stopDefault（E）を、 obox.style.left = e.offsetX + "PX" 、 Obox .style.top = e.offsetY + "PX" } = 関数（）{ obox.style.display = "NONE" } 関数stopDefault（E）{ IF（e.preventDefault）{ e.preventDefault（）// IE 他} { e.returnValue = FALSE; // GOOGLE } } //封装函数 </スクリプト> </ HTML>