简单前端web页面文字防复制 粘贴 剪切 鼠标右键 F12 shift+ctrl+i等,多浏览器支持
简单的实现javaScript层面的文字防复制,只能说防君子不妨小人,有兴趣的人可以试试
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<style>body {-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/-o-user-select:none;user-select: none;}
</style>
</head><body><div> <h5>禁止复制+剪切禁止右键,右键某些选项:全选,复制,粘贴等。禁用文字选择,能选择却不能复制,体验很差。user-select 用css禁止选择文本。</h5></div><script>// 禁止右键菜单document.body.oncontextmenu = e => {console.log(e, '右键');return false;// e.preventDefault();};// 禁止文字选择。document.body.onselectstart = e => {console.log(e, '文字选择');return false;// e.preventDefault();};// 禁止复制document.body.oncopy = e => {console.log(e, 'copy');return false; // e.preventDefault();}// 禁止剪切document.body.oncut = e => {console.log(e, 'cut');return false;// e.preventDefault();};// 禁止粘贴document.body.onpaste = e => {console.log(e, 'paste');return false;// e.preventDefault();};document.body.contentEditable="false"// css 禁止文本选择 这样不会触发js//禁止F12 shift+ctrl+idocument.onkeydown = function () {console.log(111,window.event)console.log(22222,window.event.keyCode)if (window.event && window.event.keyCode == 123 || window.event.keyCode == 17 || window.event.keyCode == 16 || window.event.keyCode == 73) {event.keyCode = 0;event.returnValue = false;return false;}};//禁止鼠标右键document.oncontextmenu = function(){event.returnValue = false;}//另一种document.oncontextmenu = function(){return false;}</script>
</body>
</html>
在现实开发中其实有更高级的文字防复制的方式
使用字体库进行加密,入如果有想了解的可以参考
前端反爬小技巧之字体库加密 - 知乎
简单前端web页面文字防复制 粘贴 剪切 鼠标右键 F12 shift+ctrl+i等,多浏览器支持相关推荐
- Android之实现长按Webview页面文字自定义复制、全选、分享、搜索、翻译功能(支持多语言,博文也有Demo下载地址)
1 需求和效果爆照 浏览器app封装了Webview,然后实现实现长按Webview页面文字自定义复制.全选.分享.搜索.翻译功能(支持多语言),都在自己的浏览器app里面进行搜索和翻译,不跳到系统浏 ...
- web页面的点对点复制粘贴
js-code如下: //复制抵押人信息 function copyDYR(obj){var customerType_paste=$(obj).parent().find("[name$= ...
- 基于HTML5实现的(本地存储)多标签页面元素的复制粘贴
历史 在HTML5本地存储之前,如果我们想在客户端保存持久化数据,有这么几个选择: HTTP cookie.HTTP cookie的缺点很明显,最多只能存储4KB的数据,每个HTTP请求都会被传送回服 ...
- Android 防复制粘贴使用总结
SDKClipboard类(防复制粘贴) 为提供更安全的防复制粘贴的解决方案,eSDK引入了安全剪切板.用户使用安全剪切板接口,既能防止内容从沙箱 ...
- JavaScript 事件:Web 表单如何实现禁用右键、复制粘贴/剪切和输入框自动填充?
文章目录 前言 一.禁用鼠标右键 1.1.分析说明 1.2.操作原理 1.3.实现效果 1.4.实现代码 1.5.补充:JS 中的 button 事件属性 二.禁用复制粘贴 2.1.分析说明 2.2. ...
- 使用js在前端web页面调用打印机
使用js在前端web页面调用打印机 最近参与了一个比较老的项目改造,需要使用到打印机相关的技术. 由于打印机也是比较老旧,所以没有SDK相关的应用,虽然有桌面的插件,但是需要集成到web中来,最终找到 ...
- java怎么实现复制粘贴的操作,java简单实现复制 粘贴 剪切功能代码分享
废话不多说,直接上代码,小伙伴们仔细看下注释吧. /*简单的复制 剪切 粘贴 功能 操作: 复制测试: 输入文本选择文本,点击复制,然后将光标放在右边的TextArea,点击粘贴 剪切测试:输入文本选 ...
- JavaScript:实现复制粘贴剪切功能
文章目录 js实现复制粘贴功能 方式一:原生方式实现复制粘贴剪切(不推荐) 方式二:浏览器自带clipboard API实现复制粘贴(推荐) 简介 特点 clipboard对象及相关API Clipb ...
- 前端web页面防截屏水印生成方案(网页水印+图片水印)
前端水印生成方案 前段时间做某系统审核后台,出现了审核人员截图把内容外部扭曲的情况,虽然截图内容不是特别敏感,但是安全问题还是不能忽略.于是便在系统页面上面加上了水印,对于审核人员截图等敏感操作有一定 ...
最新文章
- 曝光原理_PS教程:双重曝光的原理及制作过程,魔术棒及调整边缘的简易抠图...
- tensorflow学习(4.loss函数以及正则化的使用 )
- linux环境编程 学习,学习linux环境高级编程首先学习的是文件的操作。因为有.pdf...
- 为什么别人年底购物,同学们年底考证?
- yum离线下载rpm包
- iOS 14.7 中的所有新功能
- Python内置函数(55)——globals
- m4a转换mp3格式怎么弄?
- BlueCoat ProxySG配置FTP代理
- C# WinForm开发系列之DataTimePicker控件显示月份的限制和关于DataTimePicker和monthCalendar的样式设置问题
- KiKaFramework V1.1发布
- 连续变量的全概率和贝叶斯公式_条件概率、全概率公式与贝叶斯公式
- [ 树形DP ] BZOJ4987
- 第一篇博客-Sql排名函数DENSE_RANK
- 破局模块总结 -- 宁向东的清华管理学课总结
- 分布式系统高可用实战之限流器(Go 版本实现)
- 模式匹配与正则表达式(一)
- 三相维也纳pfc,开关电源,三相AC输入无桥pfc±400vDC输出,已经量产两年非常成熟,包括源代码
- linux是微内核还是宏内核,微内核与宏内核比较
- 提升网站运营效果的方法有哪些?网站运营有什么方法和技巧?
热门文章
- 去师范类学校学计算机,我是女生,大三了,现在在一个师范学校读计算机专业,我现在想跨专业考研,想考数学师范类的,会很难吗?...
- 2018主流台式计算机跑分,2018主流台式机配置 八代i5-8400/B360/1066六核电脑组装机配置单(2)...
- 由参数传递实现的python多态
- python层次分析模型_不到70行Python代码,轻松玩转RFM用户分析模型
- 阿里巴巴在十年前的那个晚上
- python list map成员排序_python的map关于Python列表排序方法reverse、sort、sorted详细说明...
- 小水滴v2.0网站导航模板源码去授权和谐版
- 如何来实现一个Linux内核的系统调用(基于tiny4412开发板)
- 【原创】ES5高效封装WIN10系统教程2020系列(三)母盘安装及系统调整
- Java时间戳转字符串