网站内容禁止复制和粘贴、另存为的js代码

1、使右键和复制失效
方法1：
在网页中加入以下代码：


代码如下:

<script language="Javascript">
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
</script>

方法2：
在<body>中加入以下代码：
<body oncontextmenu="return false" onselectstart="return false">
或
<body oncontextmenu="event.returnValue=false" onselectstart="event.returnValue=false">
实质上，方法2与方法1是一样的。

方法3：
如果只限制复制，可以在<body>加入以下代码：
<body oncopy="alert('对不起，禁止复制！');return false;">

2、使菜单"文件"－"另存为"失效
如果只是禁止了右键和选择复制，别人还可以通过浏览器菜单中的"文件"－"另存为"拷贝文件。为了使拷

贝失效，可以在<body>与</body>之间加入以下代码：


代码如下:

<noscript>
<iframe src="*.htm"></iframe>
</noscript>

这样，用户在另存网页时，就会出现"无法保存Web页"的错误。

另外，也可以使用event.preventDefault() 方法来阻止oncontextmenu() 还有onselectstart()


代码如下:

document.oncontextmenu=function(evt){
evt.preventDefault();
}

document.onselectstart=function(evt){
evt.preventDefault();
};

既然可以禁止，那么当然也可以启用它，将事件重新赋值即可，可以赋值为null，或字符串、布尔值都行。如：


代码如下:

document.oncontextmenu="";
document.onselectstart=true;

或者 禁用js：打开谷歌浏览器，选择“设置” – 选择“隐私设置” – 选项“内容设置” – 选择“JavaScript” – 选择“不允许任何网站运行JavaScript”，设置完成刷新即可。

赞 (0)

相关推荐

  • js实现一键复制功能

    项目描述:最近做一个移动端活动页面,用户抽奖后会生成一个兑换码,为了优化用户体验,需要做一个复制按钮,能够一键复制兑换码. 项目需求: 兼容移动端所有主流浏览器.并且做为安卓和IOS的H5页面. 目前能够实现复制功能的方法有以下几种: execCommand("copy"); clipboardData; ZeroClipboard.js 1.execCommand:是doucment对象的方法,可以实现浏览器菜单的很多功能,如保存文件,打开新文件,撤销,复制,等等.可以更好的完成文本

  • JavaScript数组复制详解

    前面的话   前面的博文中介绍了对象拷贝,本文将详细介绍数组复制 push function copyArray(arr){ var result = []; for(var i = 0; i < arr.length; i++){ result.push(arr[i]); } return result; } var obj1=[1,2,3]; var obj2=copyArray(obj1); console.log(obj1); //[1,2,3] console.log(obj2); /

  • Javascript 实现复制（Copy）动作方法大全

    一.实现点击按钮,复制文本框中的的内容 <script type="text/javascript"> function copyUrl2() { var Url2=document.getElementById("biao1"); Url2.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 alert("已复制好,可贴粘."); } <

  • Vue.js之slot深度复制详解

    前言 在Vue中,slot是一个很有用的特性,可以用来向组件内部插入一些内容.slot就是"插槽"的意思,用大白话说就是:定义组件的时候留几个口子,由用户来决定插入的内容. 例如我们定义一个组件MyComponent,其包含一个slot: Vue.component('MyComponent', { template: ` <div> <slot></slot> </div> ` }) 当调用<MyComponent>123&

  • JS实现复制内容到剪贴板功能

    JS实现复制内容到剪贴板功能

    前记:本来原生的JS是有提供一个函数来实现这个功能(window.clipboardData),但是很遗憾,这个函数仅仅支持IE和FF浏览器,所以基本用处不大.下边介绍的是一个第三方插件库(ZeroClipboard.js). ZeroClipboard.js在Git上的地址为:https://github.com/zeroclipboard/zeroclipboard 注意:此js库不支持兼容手机端(包括Android.IOS),仅支持PC端浏览器. 第一步:将插件库引入到工程中. 把Git上

  • 多浏览器兼容性比较好的复制到剪贴板的js代码

    对于非ie浏览器他是用flash来实现的,js代码如下: 复制代码 代码如下: <script type="text/javascript"> function copy_code(copyText) { if (window.clipboardData) { window.clipboardData.setData("Text", copyText) } else { var flashcopier = 'flashcopier'; if(!docum

  • javascript 三种数组复制方法的性能对比

    javascript 三种数组复制方法的性能对比

    一. 三种数组复制方法 1. by slice var arr = [1, 2, 3], copyArr; copyArr = arr.slice(); 2. by concat var arr = [1, 2, 3], copyArr; copyArr = arr.concat(); 3. by loop var arr = [1, 2, 3], copyArr = []; for (var i=0, j=arr.length; i 二. 测试环境 浏览器: IE6+, FF 3.5.5, O

  • js实现各种复制到剪贴板的方法(分享)

    一.实现点击按钮,复制文本框中的的内容 <script type="text/javascript"> function copyUrl2() { var Url2=document.getElementById("biao1"); Url2.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 alert("已复制好,可贴粘."); } <

  • js 复制或插入Html的实现方法小结

    var bq=document.getElementsByTagName("标签或ID名")//ID是唯一无许分组,标签非唯一,有可能返回一个数组. div=document.createElement("div"); ...设置CSS风格 bq.appendChild(div);//ID唯一性的话只需要这样!在bq之后插入div层 bq[0].appendChild(div);//如果前面用的是标签!数组跟下标!在bq之后插入div层 bq.insertBefor

  • JS复制对应id的内容到粘贴板（Ctrl+C效果）

    前言 最近在做一个按钮,实现的效果是当点击后复制url到黏贴板,但不是当前页面url,而是对应一个元素的url,且一个页面会有多个url.一开始找到一个方法,但是竟然只兼容IE浏览器,神奇了,竟然有只兼容IE的东西.后来发现一个zeroclipboard.js这个插件,但是怎么也搞不出那个效果,有点麻烦. 最后翻到了一个js封装好的方法,有效! 想要实现的一个效果是,下面html代码: <tr> <td> <a id="copy_{$key}" oncli

随机推荐