首页 > 其他分享 >页面无法右键及复制的两种方式(js 与 css)

页面无法右键及复制的两种方式(js 与 css)

时间:2024-01-15 14:56:38浏览次数:29  
标签:none js user css 页面 select 右键

1、全局在body上设置属性:

<body on selectstart="return false" on paste="return false" on copy="return false" on cut="return false">

2、js控制页面无法复制:

<script type="text/ja vascript">
  //Method one
  //<![CDATA[ 
  //document.on contextmenu=new Function('event.returnValue=false;');
  document.on contextmenu = function (e) { e = e || window.event; e.returnValue = false; }
  document.on selectstart = new Function('event.returnValue=false;');
  //]]> 
 </script>
<!--Method two-->
<body on contextmenu="return false" on selectstart="return false"></body>

3、css 控制页面无法复制:

-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
user-select: none;

 

标签:none,js,user,css,页面,select,右键
From: https://www.cnblogs.com/jeor/p/17965355

相关文章

  • nvm管理nodejs
    gitub搜索nvm-windows,选择收藏最多的点击release,选择最新的版本下载,安装:修改nvm和npm的路径打开nvm文件夹,找到settings.txt文件,修改settings.txt的内容(主要为了解决nvm安装node时,使得node与npm对应的安装成功)root:C:\nvmpath:C:\ProgramFiles\nodejs//将npm镜像改为淘......
  • PDF.js实现按需分片加载pdf文件-包含前后端开发源码和详细开发教程
    PDF.js实现按需分片加载pdf文件-包含前后端开发源码和详细开发教程:https://blog.csdn.net/qq_29864051/article/details/130742657?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170529842016800186594900%2522%252C%2522scm%2522%253A%252220140713.130102334..%252......
  • 在Linux中安装和配置Node.js与Express.js创建HTTP服务器
    在Linux环境中,安装和配置Node.js与Express.js来创建一个HTTP服务器需要一系列的步骤。下面是一个详细的指南,帮助你在Linux上设置这个环境。步骤1:安装Node.js首先,你需要确保你的Linux系统已经安装了Node.js。你可以通过以下命令来检查是否已经安装:bash复制代码node-v如果已经安装,它......
  • 【JaveWeb教程】(1)Web前端基础:HTML+CSS入门不再难:一篇文章教你轻松搞定HTML与CSS!
    目录1.前端开发介绍2.HTML&CSS2.1HTML快速入门2.1.1操作2.1.2总结2.2开发工具2.3基础标签&样式2.3.1新浪新闻-标题实现2.3.1.1标题排版2.3.1.1.1分析2.3.1.1.2标签2.3.1.1.2实现2.3.1.2标题样式2.3.1.2.1CSS引入方式2.3.1.2.2颜色表示2.3.1.2.3标题字体颜色2.......
  • mvc5接口报错:The JSON request was too large to be deserialized的一种原因
    是mvc5版本的接口,接口使用了dynamic接收数组,json对象数组只有56个,length长度不到10万,但是提交就报TheJSONrequestwastoolargetobedeserialized这个错。在.netcore中,dynamic是不需要前端把字段用stringfy序列化为字符串的就能处理的。但是mvc5如果不在前端把dynamic接收......
  • js 替换url参数
    functionreplaceUrlParams(key,val){lethref=location.href;if(href.indexOf("?")===-1)return;varquery=href.indexOf("?")+1;varhash=href.indexOf("#")+1;varfirst=href.substring(query,hash===0......
  • js Set方法
    ECMAScript6新增的Set是一种新集合类型,为这门语言带来集合数据结构。Set在很多方面都像是加强的Map,这是因为它们的大多数API和行为都是共有的。1.基本API:使用new关键字和Set构造函数可以创建一个空集合:constm=newSet();如果想在创建的同时初始化实例,则可以给Set......
  • js DOM 节点元数据
    这样,拿不到弱映射中的健,也就无法取得弱映射中对应的值。虽然这防止了前面提到的访问,但整个代码也完全陷入了ES6之前的闭包私有变量模式。constUser=(()=>{constwm=newWeakMap();classUser{constructor(id){this.idProperty=Symbol('id');......
  • js 弱键
    WeakMap中“weak”表示弱映射的键是“弱弱地拿着”的。意思就是,这些键不属于正式的引用,不会阻止垃圾回收。但要注意的是,弱映射中值的引用可不是“弱弱地拿着”的。只要键存在,键/值对就会存在于映射中,并被当作对值的引用,因此就不会被当作垃圾回收。来看下面的例子:constwm=ne......
  • js WeakMap
    ECMAScript6新增的“弱映射”(WeakMap)是一种新的集合类型,为这门语言带来了增强的键/值对存储机制。WeakMap是Map的“兄弟”类型,其API也是Map的子集。WeakMap中的“weak”(弱),描述的是JavaScript垃圾回收程序对待“弱映射”中键的方式。6.5.1基本API可以使用new关......