更改浏览器鼠标默认右键弹出

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title> 更改浏览器鼠标默认右键弹出 </title>
      <style type="text/css">
         *{
            margin: 0;
            padding: 0;
         }
         #box{
            width: 200px;
            height: 350px;
            background: red;
            position: absolute;
            top: 0;
            left: 0;
            display: none;
         }
      </style>
   </head>
   <body>
      <div id="box"></div>
      <script type="text/javascript">
         var oBox = document.getElementById("box");
         document.oncontextmenu = function( ev ){
            ev = ev || event;
            oBox.style.cssText = 'display:block;left:'+ev.clientX+'px;top:'+ev.clientY+'px;';
            return false;
         };
         document.onclick = function(){
            oBox.style.display = 'none';
         };
      </script>
   </body>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容