javaScript禁止选定、复制

JavaScript中⼗种⼀步拷贝数组的⽅法实例详解JavaScript中我们经常会遇到拷贝数组的场景，但是都有哪些⽅式能够来实现呢，我们不妨来梳理⼀下。

1、扩展运算符（浅拷贝）⾃从ES6出现以来，这已经成为最流⾏的⽅法。

它是⼀个很简单的语法，但是当你在使⽤类似于React和Redux这类库时，你会发现它是⾮常⾮常有⽤的。

numbers = [1, 2, 3];numbersCopy = [...numbers];这个⽅法不能有效的拷贝多维数组。

数组/对象值的拷贝是通过引⽤⽽不是值复制。

// numbersCopy.push(4);console.log(numbers, numbersCopy);// [1, 2, 3] and [1, 2, 3, 4]// 只修改了我们希望修改的，原数组不受影响// nestedNumbers = [[1], [2]];numbersCopy = [...nestedNumbers];numbersCopy[0].push(300);console.log(nestedNumbers, numbersCopy);// [[1, 300], [2]]// [[1, 300], [2]]// 由于公⽤引⽤，所以两个数组都被修改了，这是我们不希望的2、for()循环（浅拷贝）考虑到函数式编程变得越来越流⾏，我认为这种⽅法可能是最不受欢迎的。

numbers = [1, 2, 3];numbersCopy = [];for (i = 0; i < numbers.length; i++) {numbersCopy[i] = numbers[i];}这个⽅法不能有效的拷贝多维数组。

因为我们使⽤的是=运算符，它在处理数组/对象值的拷贝时通过引⽤⽽不是值复制。

// numbersCopy.push(4);console.log(numbers, numbersCopy);// [1, 2, 3] and [1, 2, 3, 4]// nestedNumbers = [[1], [2]];numbersCopy = [];for (i = 0; i < nestedNumbers.length; i++) {numbersCopy[i] = nestedNumbers[i];}numbersCopy[0].push(300);console.log(nestedNumbers, numbersCopy);// [[1, 300], [2]]// [[1, 300], [2]]// 由于公⽤引⽤，所以两个数组都被修改了，这是我们不希望的3、while()循环（浅拷贝）和for() 类似。

js复制数组的方法JavaScript是一种非常流行的编程语言，可用于Web开发、游戏开发和其他应用程序开发的许多不同领域。

在JavaScript编程中，我们通常需要使用数组，以便在程序中存储和操作数据。

数组是一组有序的元素，它们可以是任何类型的对象，比如数字、字符串、布尔值和其他数组等。

在JavaScript中，数组是非常灵活的，它允许我们添加、删除、修改和访问数组中的元素。

在某些情况下，我们需要复制一个数组，以便在程序中进行一些特定的操作。

本文将介绍一些可用于复制JavaScript数组的方法，包括浅拷贝和深拷贝。

一、浅拷贝浅拷贝是将原始数组的元素复制到一个新数组中，但是这些元素实际上仍然是原始数组中的对象的引用。

这意味着，如果我们对原始数组中的对象进行更改，则新的数组中的对应元素也将被更改。

对于像字符串和数字这样的简单类型，浅拷贝是非常有用的，但对于复杂类型的对象，我们需要使用深拷贝。

以下是几种进行浅拷贝的方法：1. 使用原始slice()方法以下是使用slice()方法复制数组的示例：```javascriptlet originalArray = [1, 2, 3, 4, 5];let newArray = originalArray.slice();```在这个例子中，我们使用slice()方法复制了originalArray数组，并将结果存储在newArray数组中。

由于我们没有提供slice()方法的参数，因此这将复制整个数组。

2. 使用ES6展开运算符展开运算符（ ... ）是ES6中新添加的运算符，它可以将数组展开成一个逗号分隔的元素列表。

展开运算符也可以用于复制一个数组，如下所示：```javascriptlet originalArray = [1, 2, 3, 4, 5];let newArray = [...originalArray];```在这个例子中，我们使用展开运算符将originalArray数组展开成一个元素列表，并将其复制到newArray数组中。

阻止浏览器防复制的方法
1. JavaScript禁用，网页开发人员可以使用JavaScript来禁用浏览器的右键菜单，这样用户就无法通过右键菜单来复制文本或者图像。

此外，还可以通过JavaScript禁用键盘快捷键，如
Ctrl+C（复制）和Ctrl+V（粘贴），来阻止复制粘贴操作。

2. CSS样式，开发人员可以使用CSS样式来隐藏文本内容，或者使用特殊的样式来使文本无法被选中和复制。

这种方法虽然可以阻止普通用户复制内容，但是对于熟悉开发者工具的用户来说，很容易就能够绕过这种限制。

3. 图片替换，有些网站会将文本内容转换成图片，并将图片嵌入到网页中，这样用户就无法直接复制文本。

然而，这种方法会影响网页的可访问性，并且增加了网页加载时间。

4. 特殊插件，一些网站会使用特殊的浏览器插件或者扩展来阻止复制内容。

这种方法通常需要用户安装额外的插件才能生效，而且并不是所有浏览器都支持这些插件。

尽管这些方法可以在一定程度上阻止用户复制网页内容，但是
它们并不是绝对安全的。

大多数浏览器都提供了开发者工具，用户可以通过查看网页源代码或者禁用JavaScript来绕过这些限制。

此外，阻止浏览器防复制的方法可能会影响到网站的用户体验和可访问性，因此在使用这些方法时需要权衡利弊。

JS应⽤之禁⽌抓屏、复制、打印项⽬需要禁⽌抓屏、复制、打印的要求，复制、打印做起来可能顺⼿⼀点⽹上各种各样的脚本俯⾸皆是。

但抓屏怎么禁⽌？PrintScreen是⼀个特殊的键，它是没有keyCode的键，所以onkeydown变得毫⽆⽤处。

不过换⼀种思路的话可会更好，我们从粘贴板着⼿采取曲线救国策略。

代码如下：<script language="javascript">window.setInterval("clipboardData.setData('text','')",100);</script>以上代码是每100毫秒清空⼀次粘贴板操作。

当页⾯加载时脚本程序就开始⾃动执⾏。

但这样有个弊端，不管⽹页被最⼩化还是怎么的只要这个窗⼝开着我们电脑所有的复制操作都⽆法进⾏(脚本⼀直在清空粘贴板)，从某种意义上讲是达到预期效果了，但有些⽋佳:(。

我们知道所有的控件都有onfocus和onblur事件，window窗⼝也不例外。

我们通过利⽤这两个事件，只有在当前窗⼝处于活动状态时才执⾏清空操作，否则停⽌执⾏。

代码如下：<script language="javascript">var intervalwindow.onfocus=function(){interval=window.setInterval("clipboardData.setData('text','')",100);}window.onblur=function(){window.clearInterval(interval);}</script>这样就可以完美的解决这个问题。

但对于不将截屏内容放⼊粘贴板的截屏程序来说此⽅法还是⼼有余⽽⼒不⾜的。

网页内容不允许复制解决办法在互联网上搜寻到感兴趣的资料后，想把相关主页的内容复制下来，但有些网站的主页复制不了。

只能打印主页，而打印的主页有页眉、页脚，内容和格式编排也不合乎个人的需要。

不能复制网页内容，大部分都是通过网页的客户端脚本控制实现的。

还有些网站屏蔽了右键，碰到这样的情况你是怎么办的呢？1.简单方法:将下框中的代码复制后粘贴到不允许复制网页的地址栏里，点击回车就可以了。

（注意，要覆盖原来的地址，而不是插入！）javascript:document.oncontextmenu='returntrue';document.onselectstart='returntrue';document.body.onselectstart='returntrue';document.body.onselect='return true';document.body.oncopy='returntrue';document.body.onbeforecopy='returntrue';document.body.oncontextmenu='returntrue';document.body.onmouseup='return true';void 0;2.更多内容：一. 屏蔽右键的破解方法1．出现版权信息类的情况。

破解方法：在页面目标上按下鼠标右键，弹出限制窗口，这时不要松开右键，将鼠标指针移到窗口的“确定”按钮上，同时按下左键。

现在松开鼠标左键，限制窗口被关闭了，再将鼠标移到目标上松开鼠标右键。

2．出现“添加到收藏夹”的情况。

破解方法：在目标上点鼠标右键，出现添加到收藏夹的窗口，这时不要松开右键，也不要移动鼠标，而是使用键盘的Tab键，移动光标到取消按钮上，按下空格键，这时窗口就消失了，松开右键看看，wonderful！右键恢复雄风了！将鼠标移动到你想要的功能上，点击左键吧。

js禁止输入的方法在JavaScript中，可以使用各种方法来禁止输入，以下是一些常用的方法：1.使用HTML属性和CSS样式禁用输入：在HTML中，可以使用`readonly`属性或`disabled`属性来禁止输入。

例如：```html<input type="text" readonly><input type="text" disabled>```除了`readonly`和`disabled`属性外，还可以使用CSS样式来禁用输入。

例如：```html<style>.disabledpointer-events: none;background-color: #f2f2f2;}</style><input type="text" class="disabled">```2. 使用JavaScript禁用输入：在JavaScript中，可以通过修改`disabled`属性或`readOnly`属性来禁用输入。

例如：```javascriptdocument.getElementById("myInput").disabled = true;document.getElementById("myInput").readOnly = true;```3. 使用JavaScript事件来禁止输入：可以使用JavaScript事件来捕获并阻止用户的输入。

例如，可以使用`onkeydown`、`onkeypress`和`onpaste`事件来禁止用户输入、粘贴等操作。

例如：```html<input type="text" onkeydown="return false;"><input type="text" onkeypress="return false;"><input type="text" onpaste="return false;">```4. 使用JavaScript禁用输入框的鼠标右键菜单：可以使用`oncontextmenu`事件和`preventDefault(`方法来禁用输入框的鼠标右键菜单。

JavaScript复制对象与Object.assign⽅法⽆法实现深复制在JavaScript这门语⾔中，数据类型分为两⼤类：基本数据类型和复杂数据类型。

基本数据类型包括Number、Boolean、String、Null、String、Symbol（ES6 新增），⽽复杂数据类型包括Object，⽽所有其他引⽤类型（Array、Date、RegExp、Function、基本包装类型（Boolean、String、Number）、Math等）都是Object类型的实例对象，因此都可以继承Object原型对象的⼀些属性和⽅法。

⽽对于基本数据类型来说，复制⼀个变量值，本质上就是copy了这个变量。

⼀个变量值的修改，不会影响到另外⼀个变量。

看⼀个简单的例⼦。

let val = 123;let copy = val;console.log(copy); //123val = 456; //修改val的值对copy的值不产⽣影响console.log(copy); //123⽽对于复杂数据类型来说，同基本数据类型实现的不太相同。

对于复杂数据类型的复制，要注意的是，变量名只是指向这个对象的指针。

当我们将保存对象的⼀个变量赋值给另⼀个变量时，实际上复制的是这个指针，⽽两个变量都指向都⼀个对象。

因此，⼀个对象的修改，会影响到另外⼀个对象。

// obj只是指向对象的指针let obj = {character: 'peaceful'};//copy变量复制了这个指针，指向同⼀个对象let copy = obj;console.log(copy); //{character: 'peaceful'}obj.character = 'lovely';console.log(copy); //{character: 'lovely'}有⼀副很形象的图描述了复杂数据类型复制的原理同理，在复制⼀个数组时，变量名只是指向这个数组对象的指针；在复制⼀个函数时，函数名只是指向这个函数对象的指针let arr = [1, 2, 3];let copy = arr;console.log(copy); // [1, 2, 3]arr[0] = 'keith';console.log(copy); // 数组对象被改变： ['keith', 2, 3]arr = null;console.log(copy); // ['keith', 2, 3] 即使arr=null，也不会影响copy。

页面禁止使用右键和复制功能，甚至连Ctrl键也禁止掉了，这个效果是如何实现的呢？其实很简单就是调用了一段JS代码而已。

下面就是实现效果所需代码：function click(e) {if (document.all) {if (event.button==1||event.button==2||event.button==3) {oncontextmenu='return false';}}if (yers) {if (e.which == 3) {oncontextmenu='return false';}}}if (yers) {document.captureEvents(Event.MOUSEDOWN);}document.onmousedown=click;document.oncontextmenu = new Function("return false;")var travel=truevar hotkey=17 /* hotkey即为热键的键值,是ASII码,这里99代表c键*/if (yers)document.captureEvents(Event.KEYDOWN)function gogo(e){ if (yers) {if (e.which==hotkey&&travel){alert("操作错误.或许是您按错了按键!"); } }else if (document.all){if (event.keyCode==hotkey&&travel){ alert("操作错误.或许是您按错了按键!"); }}}document.onkeydown=gogo把上面的代码另存为一个JS文件，然后在想实现此效果的页面调用即可！===================================================把下列代码放到<body></body>或者<head></head>之间<script LANGUAGE="JavaScript">function click() { if (event.button==2){alert('你好,右键已被禁止使用'); } } document.onmousedown=click</script>===================================================禁止点击鼠标右键1：<SCRIPT language=JavaScript><!--file://锁鼠标右键和键盘CONTEXTMENU键function click(e) {if (document.all) {if (event.button==2||event.button==3) { alert("欢迎光临寒舍，有什么需要帮忙的话，请与站长联系！谢谢您的合作！！！");oncontextmenu='return false';}}if (yers) {if (e.which == 3) {oncontextmenu='return false';}}}if (yers) {document.captureEvents(Event.MOUSEDOWN);}document.onmousedown=click;document.oncontextmenu = new Function("return false;")// --></SCRIPT>二、禁止点击鼠标右键2：<!--将以下代码加入HTML的<HEAD></HEAD>之间--><script language="javascript">function click() {if (event.button==2) {alert('欢迎光临寒舍，有什么需要帮忙的话，请与站长联系！谢谢您的合作！！！')}}document.onmousedown=click</script>三、禁止鼠标右键3（推荐）：<script language="JavaScript" type="text/JavaScript"><!--function MM_reloadPage(init) { //reloads the window if Nav4 resizedif (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;onresize=MM_reloadPage; }}else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);//--></script></head><body leftmargin=0 topmargin=0 onmousemove='HideMenu()' oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()"oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()"><noscript><iframe src=*></iframe></noscript>==============================================。

⽹站内容禁⽌复制和粘贴、另存为的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页"的错误。