VUE中的鼠标右键功能

 
开发过程中，可能会遇到一些比较无语的需求，比如鼠标右键功能，
 一般鼠标右键都是打开web页面的菜单的，我们这次就来说说怎么实现鼠标右键功能。
 
<div class="right-click" @contextmenu.prevent="rightClick">鼠标右键</div>

rightClick() {
   console.log('鼠标右键触发，在这里正常写你想要的功能就可以');
}
 
这样就可以实现了。

 
Windows调整桌面鼠标右键文件顺序
 
第一步：定位到如下注册表
第二步：选择Classes，右键修改，调整顺序
第三步：选择权限—高级—在弹出的窗口中，选择左下角的禁用继承
 

 
调整前Excel在底部：
 
 调整后Excel在上部
 
 
第一步：定位到如下注册表
 
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Discardable\PostSetup\ShellNew
 
第二步：选择Classes，右键修改，调整顺序
 
 
第三步：选择权限—高级—在弹出的窗口中，选择左下角的禁用继承
 
 
选择高级
 
 
在弹出的窗口中，选择左下角的禁用继承
 
 
选择第一个
 
 
 最后结果
 

https://www.c-sharpcorner.com/UploadFile/mahesh/context-menu-in-C-Sharp/
 
1 选中要添加右键功能的Form或者控件，打开控件的设计页面。
 2 从工具箱中找到ContextMenuStrip控件，将这个控件拖曳到Form或者控件的设计页面上。这时系统就会在这个页面下面自动创建一个
 
contextMenuStrip1控件，如果你想在这个页面添加多个菜单，那么你也可以拖曳多个这种控件到设计页面上。
 

3 按照你的要求将这些ContextMenuStrip控件改成你需要的名称。 然后, 选择需要右键弹出菜单的页面
 
4 定义你的菜单，在为控件分配完菜单之后，你就可以定义单个的菜单。这时你可以选中一个ContextMenu控件。系统会自动在编辑页面的上面
 
现一个可编辑的动态菜单，你可以在为这个菜单添加菜单项
 
5 通过上面几步的操作后，在你运行程序的时候，右击这些具有
 
ontentMenu的控件就会弹出一个菜单。 在WinForm的大部分控件中都有一个属性是ContextMenu(上下文菜单控件)。这个属性就是用来定义鼠标在右击该控件的时候现实那个菜单控件。ContextMenu控件就是一个菜单控件。
 
 
 6 为添加的菜单添加代码  双击菜单即可进入相应的代码编辑区 
  

 
  
  
 
  我们经常用鼠标在桌面上点来点去的，你是否知道，网页的鼠标右键的菜单也是可以自定义的，你还在为了网页源码禁止别人F12，或者鼠标右键，你可以试试自定义鼠标右键，将你网站的功能添加到鼠标右键，默认的右键功能会被取消，这样不是解决了防止代码被复制粘贴的事件发生。 
 
 
 
 

   
 
 
 
 1.实现原理
 
 
 js中oncontextmenu事件和jquery中contextmenu都可以对鼠标右键进行自定义菜单，实际上就是监听鼠标右键点击事件，然后将事先设计好的右键菜单绑定到右键事件上，并在当前位置显示出来，最后再阻止右键的默认事件！  
 
 
 2.案例代码
 
 
<style type="text/css">
.txt{width: 120px;height: auto;background: #ddd;color: #fff;text-align: center;line-height: 40px;border-radius: 3px;position: relative;display: none;}
.txt p{border-bottom: 1px solid #ccc;}
</style>

<div class="txt"> 
<p>右键事件一</p>
<p>右键事件二</p>
<p>右键事件三</p>
</div>

<script>
var txt = document.getElementsByClassName("txt")[0];
document.oncontextmenu = function(){
var event = event || window.event;
txt.style= "top:"+event.clientY+"px;left:"+event.clientX+"px;display:block";
return false;
}
</script>

 
 特别注意：通过这样自定义鼠标右键功能菜单可以，需要兼容四周边界效果，否则出现被隐藏，页面出现滚动轴等异常现象！jQuery的方法请参照jquery的contextmenu事件