JavaScript禁止复制与粘贴的实现代码

该操作是网民日常的一些基本操作，但有些网站为了保护版权（如小说类、图片类），禁止用户执行这些操作，这样就可以防止用户将正在浏览的文本，通过复制、粘贴的方式进行传播了。

oncopy事件：

定义和用法

oncopy 事件在用户拷贝元素上的内容时触发。

提示： oncopy 事件在用户拷贝元素时也会触发，例如， 拷贝 <img> 元素。

提示： oncopy 事件通常用于 type="text" 的 <input> 元素。

提示： 有三种方式可以拷贝元素和内容：

按下 CTRL + C

在你的浏览器的 Edit(编辑) 菜单中选择 "Copy（复制）"

邮件鼠标按钮，在上下文菜单中选择 "Copy（复制）" 命令。

浏览器支持

语法

HTML中：

<element oncopy="myScript">

JavaScript中：

object.oncopy = function(){
 //操作
  myScript
}

JavaScript中，使用addEventListener()方法：

object.addEventListener('copy',myScript);
//IE8及更早的IE版本不支持addEventListener()方法

onpaste事件：

定义和用法

onpaste 事件在用户向元素中粘贴文本时触发。

注意： 虽然使用的 HTML 元素都支持 onpaste 事件，但实际上并非支持所有元素，例如 <p> 元素， 除非设置了 contenteditable 为 "true" (查看下文的更多实例)。

提示： onpaste 事件通常用于 type="text" 的 <input> 元素。

提示： 有三种方式可以在元素中粘贴内容：

•按下 CTRL + V
•从浏览器的编辑菜单中选择 "Paste（粘贴）"
•右击鼠标按钮在上下文菜单中选择 "Paste（粘贴）" 命令。

浏览器支持

语法

HTML中：

<element onpaste="myScript">

JavaScript中：

object.onpaste = function(){
 //操作
 myScript;
}

JavaScript总，使用addEventListener()方法：

object.addEventListener('paste',myScript);
//Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

实现原理：

执行复制与粘贴事件，并在事件中返回false。

JavaScript代码：

var bodyMain = document.getElementById('bodyMain' );

         //禁止复制
         bodyMain.oncopy = function(){
           return false;
        }
         //禁止粘贴
         bodyMain.onpaste = function(){
           return false;
}

以上这篇JavaScript禁止复制与粘贴的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • Windwos服务器远程桌面不能复制粘贴的解决方法

    Windwos服务器远程桌面不能复制粘贴的解决方法

    今天使用远程桌面连接登陆服务器,发现不能在本地电脑和远程服务器之间复制粘贴文件了,复制粘贴文本也不行. 网上搜了一下,主要有两种情况: 1.复制粘贴功能原本可以用,突然失灵了 2.从头到尾都无法使用这个复制粘贴功能 针对第一种情况,只需重启一下rdpclip.exe就可以了. 步骤: 1.打开任务管理器,查看进程,如果有 rdpclip.exe 进程,先关闭该进程 2.开始->运行->rdpclip.exe,重新运行此程序,恢复正常 如果是第二种情况,打开本机的远程桌面连接,按照下图所示,勾选

  • 复制网页内容，粘贴之后自动加上网址的实现方法(脚本之家特别整理)

    没想到无心的一个功能,现在已经被大家传的如此猛烈,想当初我们发布出去以后,第二天就发现很多网站都加上了这个功能,有点后悔了,要不我们的外链就会更多了.当然也有反感的,工具是好的就看用的人了. 今天搜索发现还是有很多朋友喜欢这个功能的,这里我们小编继续为大家来个特色整理的版本,大家可以根据需要选择使用. 打开有些网站,当我们浏览某些文章的时候,觉得很好,因此,常常将这些网站的文章进行复制: 之后,粘贴到Word或记事本里面,保存起来,在贯彻落实"拿来主义"的同时,将其"占为己有

  • javascript实现复制与粘贴操作实例

    本文实例讲述了javascript实现复制与粘贴操作的方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <script language="javascript"> function readTxt() { alert(window.clipboardData.getData("text")); } function setTxt() { var t=document.getElementById("txt");

  • js实现点击图片将图片地址复制到粘贴板的方法

    本文实例讲述了js实现点击图片将图片地址复制到粘贴板的方法.分享给大家供大家参考.具体如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml

  • java简单实现复制 粘贴 剪切功能代码分享

    废话不多说,直接上代码,小伙伴们仔细看下注释吧. 复制代码 代码如下: /*简单的复制 剪切 粘贴 功能  操作:     复制测试: 输入文本选择文本,点击复制,然后将光标放在右边的TextArea,点击粘贴   剪切测试:输入文本选择文本,然后将光标放在右边的TextArea,点击剪切   */ import javax.swing.*; import java.awt.*; import java.awt.datatransfer.*; import java.awt.event.*; p

  • html5+CSS 实现禁止IOS长按复制粘贴功能

    因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择复制粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法. 项目是APP,已经经过多款手机适配此时,因此可以放心使用. /*设置IOS页面长按不可复制粘贴,但是IOS上出现input.textarea不能输入,因此将使用-webkit-user-select:auto;*/ *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:non

  • javascript复制粘贴与clipboardData的使用

    window.clipboardData可以实现复制与粘贴的操作,它的getData 方法可以实现数据的读取,setData方法可以实现数据的设置 <script language="javascript"> function readTxt() { alert(window.clipboardData.getData("text")); } function setTxt() { var t=document.getElementById("

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

    1.使右键和复制失效 方法1: 在网页中加入以下代码: 复制代码 代码如下: <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"); </script> 方法2:

  • JavaScript禁止复制与粘贴的实现代码

    JavaScript禁止复制与粘贴的实现代码

    该操作是网民日常的一些基本操作,但有些网站为了保护版权(如小说类.图片类),禁止用户执行这些操作,这样就可以防止用户将正在浏览的文本,通过复制.粘贴的方式进行传播了. oncopy事件: 定义和用法 oncopy 事件在用户拷贝元素上的内容时触发. 提示: oncopy 事件在用户拷贝元素时也会触发,例如, 拷贝 <img> 元素. 提示: oncopy 事件通常用于 type="text" 的 <input> 元素. 提示: 有三种方式可以拷贝元素和内容: 按

  • javascript 禁止复制网页

    1.使右键和复制失效 方法1: 在网页中加入以下代码: <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"); </script> 方法2: 在<body&g

  • FileUpload 控件 禁止手动输入或粘贴的实现代码

    html标签: <input type="text" name="txt" onkeydown="event.returnValue=false;" onpaste="return false" /> 服务器控件: <asp:TextBox ID="txt" runat="server" onkeydown="event.returnValue=false;&

  • javascript禁止访客复制网页内容的实现代码

    本文实例讲述了javascript禁止访客复制网页内容的方法.分享给大家供大家参考.具体如下: 使用JavaScript禁止用户复制网页上的内容,让鼠标选择功能失效,你可以试一下,加入了onselectstart="return false"后,在网页上不能选中文字,浏览者也就无法复制网页内容了. 其实这种方法并不能完全禁止复制,用户可通过网页另存为或更换浏览器来实现复制功能. 实现代码: <html> <head> <title>禁止用户复制网页内

  • JavaScript实现复制内容到粘贴板代码

    最近做了一个前端项目,其中有需求:通过button直接把input或者textarea里的值复制到粘贴板里.下面小编把我实现思路及代码分享给大家,大家可以直接引入项目中. 具体代码如下所示: function copyToClipboard(elem) { // create hidden text element, if it doesn't already exist var targetId = "_hiddenCopyText_"; var isInput = elem.tag

  • JavaScript代码轻松实现网页内容禁止复制(代码简单)

    以下代码非常简单,轻松实现网页内容禁止复制. 有时候我们需要禁止别人复制网站的内容,以下代码可以轻松实现该功能! 屏蔽鼠标右键 复制代码 代码如下: function document.oncontextmenu(){event.returnValue=false;} 禁止选择复制 复制代码 代码如下: function document.onselectstart(){return false;} 本文只是给大家分享了代码的关键部分,细节部分还需要我们自己根据需求去补充说明.

  • JavaScript禁止页面操作的示例代码

    单的JS禁止页面右键菜单--避免网站信息被盗用 复制代码 代码如下: <script type="text/javascript">  function block(oEvent){   if(window.event)    oEvent=window.event;   if(oEvent.button==2)    alert("鼠标右键不可用");  }  document.onmousedown=block;</script> 网页上

  • javascript实现禁止复制网页内容

    做个笔记 复制代码 代码如下: // 禁用右键菜单.复制.选择 $(document).bind("contextmenu copy selectstart", function() {     return false; }); // 禁用Ctrl+C和Ctrl+V(所有浏览器均支持) $(document).keydown(function(e) {     if(e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67))

随机推荐