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


Posted in Javascript onMay 16, 2016

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

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

oncopy事件:

定义和用法

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

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

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

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

按下 CTRL + C

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

邮件鼠标按钮,在上下文菜单中选择 "Copy(复制)" 命令。

浏览器支持

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

语法

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(粘贴)" 命令。

浏览器支持

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

语法

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禁止复制与粘贴的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery自定义下拉列表示例
Apr 25 Javascript
javascript获取dom的下一个节点方法
Sep 05 Javascript
javascript格式化json显示实例分析
Apr 21 Javascript
动态加载jQuery的两种方法实例分析
Jul 17 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
Jul 07 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 Javascript
JS中正则表达式全局匹配模式 /g用法详解
Apr 01 Javascript
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
微信小程序上传多图到服务器并获取返回的路径
May 05 Javascript
element-ui组件中input等的change事件中传递自定义参数
May 22 Javascript
解决vue addRoutes不生效问题
Aug 04 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
Sep 11 Javascript
JavaScript代码性能优化总结(推荐)
May 16 #Javascript
AngularJS学习笔记之依赖注入详解
May 16 #Javascript
javascript表单事件处理方法详解
May 15 #Javascript
基于jquery实现ajax无刷新评论
Aug 19 #Javascript
JavaScript代码性能优化总结篇
May 15 #Javascript
window.onload绑定多个事件的两种解决方案
May 15 #Javascript
js仿淘宝和百度文库的评分功能
May 15 #Javascript
You might like
php中邮箱地址正则表达式实现与详解
2012/04/24 PHP
Windows2003下php5.4安装配置教程(IIS)
2016/06/30 PHP
PHP array_reduce()函数的应用解析
2018/10/28 PHP
apache集成php7.3.5的详细步骤
2019/06/20 PHP
javascript eval和JSON之间的联系
2009/12/31 Javascript
理清apply(),call()的区别和关系
2011/08/14 Javascript
解决jquery中美元符号命名冲突问题
2014/01/08 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
JavaScript中的setMilliseconds()方法使用详解
2015/06/11 Javascript
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
JS自定义滚动条效果简单实现代码
2020/10/27 Javascript
基于vue中对鼠标划过事件的处理方式详解
2018/08/22 Javascript
javascript匿名函数中的'return function()'作用
2018/10/15 Javascript
微信小程序使用for循环动态渲染页面操作示例
2018/12/25 Javascript
Vue组件通信的几种实现方法
2019/04/25 Javascript
让mocha支持ES6模块的方法实现
2020/01/14 Javascript
浅谈vue中resetFields()使用注意事项
2020/08/12 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
Python中关于字符串对象的一些基础知识
2015/04/08 Python
Python的装饰器模式与面向切面编程详解
2015/06/21 Python
Python离线安装PIL 模块的方法
2019/01/08 Python
python字典一键多值实例代码分享
2019/06/14 Python
Django接收post前端返回的json格式数据代码实现
2019/07/31 Python
解决python ThreadPoolExecutor 线程池中的异常捕获问题
2020/04/08 Python
Python实现手绘图效果实例分享
2020/07/22 Python
用python写PDF转换器的实现
2020/10/29 Python
python生成word合同的实例方法
2021/01/12 Python
黑猩猩商店:The Chimp Store
2020/02/12 全球购物
创伤外科专业推荐信范文
2013/11/19 职场文书
高分子材料与工程专业个人求职信
2013/12/15 职场文书
简单的辞职信范文
2014/01/18 职场文书
学生安全教育材料
2014/02/14 职场文书
售后服务承诺书
2014/03/26 职场文书
农村环境卫生倡议书
2015/04/29 职场文书
详解php中流行的rpc框架
2021/05/29 PHP
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python