vue某些页面禁止鼠标右键

骑猪看日落 2022-12-03 02:26 835阅读 0赞

// 禁止鼠标右键功能和ctrl + s。在main.js里面

> Vue.directive('ban-save', \{
> 
>     inserted(elem, vnode) \{
> 
>         window.addEventListener('keydown', function (e) \{
> 
>             if(e.keyCode == 83 && (navigator.platform.match('Mac') ? e.metaKey : e.ctrlKey))\{
> 
>                 e.preventDefault();
> 
>             \}
> 
>         \})
> 
>         document.oncontextmenu = function()\{
> 
>             return false;
> 
>         \}
> 
>         document.querySelector('iframe').onload = function () \{
> 
>             // iframe 禁用 右键
> 
>             this.contentWindow.document.oncontextmenu = function()\{
> 
>                 return false;
> 
>             \}
> 
>             // iframe 禁用 ctrl + s
> 
>             this.contentWindow.addEventListener('keydown', function (e) \{
> 
>                 if(e.keyCode == 83 && (navigator.platform.match('Mac') ? e.metaKey : e.ctrlKey))\{
> 
>                     e.preventDefault();
> 
>                     e.stopPropagation();
> 
>                 \}
> 
>             \}, true)
> 
>  \}
> 
>     \}
> 
> \})

然后再具体的页面最外层的div里面加上v-ban-save

发表评论取消回复

表情：

评论列表（有 0 条评论，835人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS禁止鼠标右键的两种方法

方法1：直接写在body上，如果你的项目后期不需要修改可以用这种，方便简单。 <body οncοntextmenu=self.event.returnvalue=false

ゝ一世哀愁。/ 2024年03月16日 23:17/ 0 赞/ 16 阅读

相关前端禁止鼠标右键、禁止全选、复制、粘贴

禁止鼠标右键、禁止全选、复制、粘贴； oncontextmenu事件禁用右键菜单； document.oncontextmenu = function(){

我会带着你远行/ 2023年08月17日 15:16/ 0 赞/ 71 阅读

相关 asp模板禁止复制_WordPress设置禁止复制（禁止鼠标右键）

管理员登录进入WordPress的管理界面，在菜单栏中，找到菜单“外观”下的二级菜单选项“编辑”，点击进入。 ![c87ffa0bd88228132d11d3d4eabc98

深碍√TFBOYSˉ_/ 2023年01月01日 12:59/ 0 赞/ 164 阅读

相关 vue某些页面禁止鼠标右键

// 禁止鼠标右键功能和ctrl + s。在main.js里面 > Vue.directive('ban-save', \{ > > inserted(elem,

骑猪看日落/ 2022年12月03日 02:26/ 0 赞/ 836 阅读

相关屏蔽鼠标右键

在页面上加上以下代码： <script language="javascript"> function stop() \{ return false; \}

心已赠人/ 2022年08月26日 14:29/ 0 赞/ 159 阅读

相关全面禁止鼠标右键、FX、ALT、CTRL、SHIFT等

<script language="javascript"> function onKeyDown() { if ((event.keyCod

分手后的思念是犯贱/ 2022年07月12日 02:45/ 0 赞/ 93 阅读

相关 HTML页面内容禁止选择、复制、右键

<body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return

谁践踏了优雅/ 2022年05月18日 05:56/ 0 赞/ 249 阅读

相关屏蔽鼠标右键

一介绍用户浏览网站时，经常会使用鼠标右键，进行快捷方式的操作，例如“查看源文件”、“刷新”等。但是某些网站并不想让用户执行这些操作，这时就需要屏蔽鼠标的右键操作。

男娘i/ 2022年05月12日 00:24/ 0 赞/ 190 阅读

相关 js禁止鼠标右键打开及复制

js禁止鼠标右键打开及复制 <script language="Javascript"> //js禁止鼠标右键打开及复制 document.onc

向右看齐/ 2022年03月27日 02:05/ 0 赞/ 208 阅读

相关 h5页面禁止复制以及禁止右键

问题：禁止文档复制，禁止图片另存为等相关操作第一css禁止：复制（参考https://blog.csdn.net/qq\_32007439/article/details

小鱼儿/ 2021年11月05日 07:48/ 0 赞/ 535 阅读