HTML 内容不能被选择，不能被复制

1、通过css的方式

* {
/* moz-user-select: -moz-none; */
-moz-user-select: none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

2、通过在body标签中添加如下属性：

<body οncοntextmenu="return false;" onselectstart="return false">
前面一句是禁止右键的，后面一句是禁止复制的。

3、在js中添加如下两行语句：

//禁止页面选择以及鼠标右键
document.οncοntextmenu=function(){return false;};
document.onselectstart=function(){return false;};

HTML 内容不能被选择，不能被复制相关推荐

Linux：vim编辑器:文件内容移动和选择命令和编辑操作
在很多linux 发行版本中直接把vi做成 vim 软连接(快捷方式) 一:文件常用命令 (1).打开和新建文件:(2).打开文件并且定位行:(3).删除交换文件(解决打开文件出错问题):(4).命令 ...
VIM选择文本块/复制/粘贴
在正常模式下(按ESC进入)按键v进入可视化模式,然后按键盘左右键或h,l键即可实现文本的选择. 其它相关命令: v:按字符选择.经常使用的模式,所以亲自尝试一下它. V:按行选择.这在你想拷贝或者移 ...
数字内容安全实验二：数字图像复制粘贴检测
一.实验目的掌握数字图像复制粘贴篡改检测的原理,用MATLAB语言编程.运行. 二.实验内容使用MATLAB 编程实现数字图像复制粘贴检测三.实验代码及运行结果 (代码来源网络,仅供学习) si ...
PyCharm - Column Selection Mode (列选择模式 / 列复制粘贴)
PyCharm - Column Selection Mode (列选择模式 / 列复制粘贴) 1 *.py 文件右键 -> Column Selection Mode -> 鼠标垂直 ( ...
html5网页怎么实现内容追加,纯js实现网页内容复制后自动追加自定义内容
网页操作内容复制内容后纯js实现监听自动追加自定义内容不少网站技术或者博客上有这样的处理,当我们复制代码的时候,会自动加上一段本信息版权为XXXX,这是怎么实现的呢? 其实实现的方式很简单,可以在我 ...
vue获取剪切板内容_vue通过clipboard插件实现复制到剪切板功能
1.在package.json添加依赖"dependencies": { "clipboard": "^2.0.0" } 2.页面引入cli ...
283页K8S实战指南，内容详实，代码齐全可复制！
云时代,搞懂 Kubernetes,跟上新的生产技术标准,十分有必要! 但另一方面, k8s 的开发工具繁多,组件的源码晦涩,业务里涉及的技术细节也十分繁杂.再加上不少公司尚未普及,理解起来,并不容易 ...
你不知道的copy、cut、paste事件——实现页面内容禁止复制，实现复制内容添加额外字段，比如复制请注明出处
聊聊copy复制.cut剪切.paste粘贴事件. 首先这三个事件都属于ClipboardEvent事件(剪切板事件).什么意思呢?这个三个事件的事件对象event其实都是ClipboardEvent ...
JavaScript获取文本框内容，select选择的值（jsp内实现）
1. 实例代码 JavaScript代码: <script language="JavaScript"> function check(theForm){if(theF ...

HTML 内容不能被选择，不能被复制

1、通过css的方式

2、通过在body标签中添加如下属性：

3、在js中添加如下两行语句：

HTML 内容不能被选择，不能被复制相关推荐

最新文章

热门文章