Popup對象實現右鍵菜單

2019-11-21 02:30:29

字體：大中小

來源：轉載

供稿：網友

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <html>  <head>  <TITLE>Popup對象實現右鍵菜單</TITLE>  <script language="JavaScript">  var oPopup = window.createPopup();  function contextMenu()  {      var left = event.offsetX+10;      var top = event.offsetY+10;      oPopup.document.body.innerHTML = oContext.innerHTML;      oPopup.show(left, top, 120, 80, window.document.body);      }  </script>  </head>  <body oncontextmenu="contextMenu(); return false;">  <h1>Popup對象實現右鍵菜單</h1>  單擊鼠標右鍵查看效果  <div   class="iwvjtn8m0"   id="oContext" style="DISPLAY: none; BACKGROUND: #e4e4e4; ">      <div onmouseover="this.style.background='gold'"           onmouseout="this.style.background='#e4e4e4'"         <span onclick='parent.location.>      中關村在線</span>      </div>      <div onmouseover="this.style.background='gold'"           onmouseout="this.style.background='#e4e4e4'"      <span onclick="parent.location.>      電腦愛好者</span>      </div>      <div onmouseover="this.style.background='gold';"           onmouseout="this.style.background='#e4e4e4';">      <span onclick="parent.location.>      新浪網</span>      </div>      <div onmouseover="this.style.background='gold'"           onmouseout="this.style.background='#e4e4e4'"      <span onclick="parent.location.>      新華網</span>      </div>       </div>  </body>  </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：HTML DOM Viewer

下一篇：理解JavaScript中的事件