vue+electron项目实现禁止截屏，复制粘贴功能

最新推荐文章于 2024-07-26 17:19:15 发布

软宝

最新推荐文章于 2024-07-26 17:19:15 发布

阅读量5.8k

点赞数 4

文章标签： vue js es6 vue.js javascript

本文链接：https://blog.csdn.net/rxh13543515695/article/details/115863803

版权

vue+electron项目实现禁止截屏，复制粘贴功能

最近开发一个pc端的应用程序，主要是该应用程序涉及到教育类的课程，为了防止公司制作的课程被盗用，不想用户通过复制粘贴或者截图，截屏等功能操作。
1、主要是我这个项目主要是用electron + vue创建的项目，所以主要语言还是使用到vue项目
在App.vue这个文件加上以下代码，主要设置pc应用程序不能复制和粘贴选择等操作。
在这里插入图片描述

 this.$nextTick(() => {
        // 禁用右键
        document.oncontextmenu = new Function("event.returnValue=false");
        // 禁用选择
        document.onselectstart = new Function("event.returnValue=false");
    });

2、防止用户截屏主要是在主进程里面写以下代码就可以实现了，找到main文件夹下的index.vue文件，红色花圈那块才是需要加的
在这里插入图片描述
mainWindow = new BrowserWindow({
height: 563,
useContentSize: true,
width: 1000,
webPreferences: {
nodeIntegration: true
}
})
mainWindow.setContentProtection(true)
截图就直接黑屏了，给大家看一下效果