右键菜单oncontextmenu

最新推荐文章于 2022-02-18 15:07:08 发布

weixin_30369041

最新推荐文章于 2022-02-18 15:07:08 发布

阅读量207

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yang0902/p/5698672.html

本文介绍如何通过JavaScript阻止浏览器默认的右键菜单显示，并自定义一个上下文菜单。通过监听oncontextmenu事件并设置返回值为false来阻止默认行为，同时创建自定义菜单并定位到鼠标右键点击的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

右键菜单[上下文菜单]:oncontextmenu
       浏览器自带的：
           a标签可以点击，输入框可以输入文字,可以选中文字····
           阻止浏览器默认：return false;
                           window.onload=function(){
                                           var oMenu=document.getElementById("menu");
                                           document.oncontextmenu=function(ev){ //鼠标右键事件
                                                               var e=ev||event;
                                                               var l=e.clientX;
                                                               var t=e.clientY;
                                                               oMenu.style.display='block';
                                                               oMenu.style.left=l+'px';
                                                               oMenu.style.top=t+'px';
                                                               return false;//阻止浏览器默认的事件；
                                           }
                                           document.onclick=function(){
                                           oMenu.style.display='none';
                                           }
                                       }