Tauri开发Js/Ts网页、Vue2和Vue3禁止鼠标右键和F12功能,还你一个纯净页面

news/2025/2/11 21:40:59/

当你用Js或者html或者tauri开发网页的时候,有时候是需要禁止鼠标右键和F12功能的,否则,别人就可以随便看你代码,并且随便拔你的接口,让你的数据啥都不剩...

不禁用右键的话,页面长这样子:右键就可以看到很多选项

苹果电脑应该是:

 

禁用右键功能之后:不管怎么右键,不管你怎么F12就是不会出来调试,哈哈哈哈:

这就为我们的Tauri开发带来了很大的好处啊,有没有

通过onkeydowm监听键盘按下事件,并修改键盘码,直接放上代码,JS或者Vue2可以直接在script脚本中添加:

 //禁止F12document.onkeydown = function () {if (window.event && window.event.keyCode == 123) {event.keyCode = 0;event.returnValue = false;}if (window.event && window.event.keyCode == 13) {window.event.keyCode = 505;}
};//屏蔽右键菜单
document.oncontextmenu = function (event){if(window.event){event = window.event;}try{var the = event.srcElement;
if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")){return false;}return true;}catch (e){return false;}
};

vue3和ts结合使用tauri开发的vue软件可以使用下面:

// 禁止右键和检查
//禁止F12
document.onkeydown = function (event: any) {var winEvent: any = window.eventif (winEvent && winEvent.keyCode == 123) {event.keyCode = 0event.returnValue = false}if (winEvent && winEvent.keyCode == 13) {winEvent.keyCode = 505}
}//屏蔽右键菜单
document.oncontextmenu = function (event: any) {if (window.event) {event = window.event}try {var the = event.srcElementif (!((the.tagName == 'INPUT' && the.type.toLowerCase() == 'text') ||the.tagName == 'TEXTAREA')) {return false}return true} catch (e) {return false}
}


http://www.ppmy.cn/news/708356.html

相关文章

怎么把文件右键重命名显示往上移动(或怎么减少鼠标右键选项)

1.小伙伴们竟然发现重命名在最下面,怎么让它往上面移呢 其实是因为您下载的文件操作工具太多,导致文件自带的操作下移 今天小编就来教大家一个简单又快捷安全的方法哦 首先,第一步:打开你的360安全卫视(没有的小伙伴…

Macbook(苹果机 Apple)打开鼠标右键

Macbook(苹果机 Apple)默认是没有鼠标右键,在使用过程中,真的好难受,刚开始很不习惯,对于习惯用 Windows 的用户,怎么可能没有鼠标右键呢。 不过Macbook(苹果机 Apple)想要给鼠标增加右键功能,也是很简单的…

鼠标右键 移动选定的文件夹到指定位置_iRightMouse:一款免费Mac鼠标右键增强神器...

如果你是多年的Windows用户转到macOS平台,你必定会发现Windows上很多非常方便的鼠标右键菜单在macOS上都是没有的,例如新建txt文档、一键隐藏文件等。而这些快捷功能的缺失也确实会带来一些不便,奇客君发现一款刚刚上线的免费右键增强工具&am…

win10鼠标右键添加命令提示符打开

效果预览: 步骤: 1.首先我们按下winR组合键打开运行窗口,输入regedit后回车打开注册表,然后依次在注册表找到HKEY_CLASSES_ROOT\Directory\background\shell,我们右键点击“shell”,选择“新建”-“项”&a…

没有鼠标怎么点计算机的右键,没有鼠标Mac怎么调出右键菜单_教你在Mac系统调出右键菜单的方法...

有网友留言说没有鼠标Mac怎么调出右键菜单?外出办公Mac笔记本电脑没有携带鼠标,细心用户发现苹果电脑触摸板上没有了windows系统电脑的实体右键按钮,导致调不出右键菜单,这该怎么办?下面小编教你在Mac系统调出右键菜单…

MFC实战篇——添加鼠标右键响应菜单

文章目录 一、新建MFC对话框项目二、添加菜单资源三、添加右键响应函数3.1 方法1:WM_CONTEXTMENU响应函数3.2 方法2:WM_RButtonDown响应函数 四、添加菜单响应函数五、测试六、升级版 一、新建MFC对话框项目 二、添加菜单资源 添加一个主菜单和3个子菜单…

ubuntu右键点击没有新建文档_苹果鼠标右键无法新建txt文档?iRightMouse :超级右键鼠标辅助工具...

苹果鼠标右键无法新建txt文档?iRightMouse mac版是Macos上一款超级右键鼠标辅助工具,弥补了苹果右键功能较弱的短板,为mac增加右键新建菜单,苹果右键可以新建TXT,为用户丰富苹果右键功能。 iRightMouse for Mac(超级右…

苹果鼠标右键怎么按_如何在Mac上使用多点触控手势?苹果MacOSX系统常用多点触摸板操作手势教程...

刚开始使用Mac的用户可能不太会使用Mac多点触控手势,了解苹果MacOSX系统常用多点触摸板操作手势能够让用户更好的使用Mac电脑,那么那么如何在Mac上使用多点触控手势?下面带来详细的MacOSX系统常用多点触摸板操作手势教程,一起来了解一下吧! 使用多点触控触控板或妙控鼠标,…