常见的网页复制粘贴禁用问题

1.网页无法选取文字

按下键盘的F12调出开发者工具,点击console控制台,输入以下代码后回车即可:
解除网页无法选取文字

var eles = document.getElementsByTagName('*');
for (var i = 0; i < eles.length; i++) {
    eles[i].style.userSelect = 'text';
}
  1. 网页禁用js

开发者工具》设置

常见的网页复制粘贴禁用问题

3.layer工具显示控件的布局

常见的网页复制粘贴禁用问题
定位当前层所在的代码位置:
常见的网页复制粘贴禁用问题

4.学习通界面编辑

进入开发者工具界面:
在< p >标签中显示

5.解除网页不可复制粘贴

在浏览器地址栏输入以下代码,网页将被锁定,限制复制的Javascript脚本将无效

【粘贴后再删除】javascript:void($={});

注意:直接复制,有些网页会修改该代码”javascript:” 将会丢失

6.禁止用户复制界面文字

做项目的时候有客户提出要求,不能用用户浏览他发表的文章时复制他的文章

一种比较简单的方法,禁止用户选中页面的文字和禁止用户右键菜单

document.oncontextmenu =  ("event.returnValue=false");.onselectstart =  ("event.returnValue=false");

如果只是禁止部分区域的话,直接在标签上加上onselectstart=”return false”

< ="return false" id="div">&#x6B64;&#x533A;&#x57DF;&#x7981;&#x6B62;&#x590D;&#x5236;
</>
</code></pre>
<p>或者</p>
<pre><code><div onselectstart="return false" id="div">此区域禁止复制<script type="text/javascript">  $(document).ready(function(){     document.getElementById('div').onselectstart =function(){        return false;     };  });
</script></>
</code></pre>
<p>在火狐下这种js写法是无效的</p>
<p>在火狐下有个屏蔽选择样式的样式属性 -moz-user-select (只支持火狐浏览器)</p>
<pre><code><div style="-moz-user-select:none;">  禁止复制此区域
</div>

如果要禁止整个页面

< ="text/javascript">  $(document).ready(function(){     $("body").css("-moz-user-select","none");  });
</`>

-moz-user-select主要有三个值 none -moz-all -moz-none

此处转载:https://www.cnblogs.com/war-hzl/p/4794698.html

Original: https://www.cnblogs.com/stblack/p/16658448.html
Author: 司徒小夜
Title: 常见的网页复制粘贴禁用问题

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/601544/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球