Javascript 打印页面的上下文菜单打印上下文菜单本身_Javascript_Jquery_Menu_Contextmenu

Javascript 打印页面的上下文菜单打印上下文菜单本身

javascript jquery menu

Javascript 打印页面的上下文菜单打印上下文菜单本身,javascript,jquery,menu,contextmenu,Javascript,Jquery,Menu,Contextmenu,我正在一个只有一张图片的页面上构建一个上下文菜单，我希望用户在右键单击时只有两个选项：打印或关闭页面。一切正常，除了打印时，上下文菜单也会打印出来。如何在单击“打印”后立即删除菜单，使其不打印？这是一把小提琴：视图：编辑：我的标记在这里： <body> <div id="imgContainerDiv"> <img src="http://lorempixel.com/output/city-q-c-640-480-8.jpg" alt="c

我正在一个只有一张图片的页面上构建一个上下文菜单，我希望用户在右键单击时只有两个选项：打印或关闭页面。一切正常，除了打印时，上下文菜单也会打印出来。如何在单击“打印”后立即删除菜单，使其不打印？这是一把小提琴：

视图：

编辑：

我的标记在这里：

<body>
  <div id="imgContainerDiv">
    <img src="http://lorempixel.com/output/city-q-c-640-480-8.jpg" alt="city" />
  </div>
  <div class="vs-context-menu">
   <ul>
       <li class="print"><a href="#" onclick="window.print();return false;" id="menu_1">Print</a></li>
       <li class="exit"><a href="#" onclick="window.close();return false;" id="menu_2">Close</a></li>
   </ul>
</div>

</body>

可用于应用打印样式

@media print {
    .vs-context-menu {display:none;}
}

或者你可以有一个单独的样式表

<LINK rel="stylesheet" type"text/css"
     href="print.css" media="print">

添加一个打印样式表，隐藏您不想打印的任何元素

通常，打印样式表会优化页面以便在纸上阅读，例如删除页眉图像、将文本设置为黑白，以及删除任何不必要的元素

<LINK rel="stylesheet" type"text/css"
     href="print.css" media="print">