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 相关文章推荐
利用WebBrowser彻底解决Web打印问题(包括后台打印)
Jun 22 Javascript
JavaScript中关于indexOf的使用方法与问题小结
Aug 05 Javascript
杨氏矩阵查找的JS代码
Mar 21 Javascript
基于JavaScript操作DOM常用的API小结
Dec 01 Javascript
基于javascript实现根据身份证号码识别性别和年龄
Jan 22 Javascript
js中作用域的实例解析
Mar 16 Javascript
Vue computed计算属性的使用方法
Jul 14 Javascript
你应该知道的几类npm依赖包管理详解
Oct 06 Javascript
vue实现在表格里,取每行的id的方法
Mar 09 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
Feb 13 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
Jun 03 Javascript
在vue中高德地图引入和轨迹的绘制的实现
Oct 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 Google的translate API代码
2008/12/10 PHP
PHP 开发环境配置(Zend Studio)
2010/04/28 PHP
php将gd生成的图片缓存到memcache的小例子
2013/06/05 PHP
PHP基于工厂模式实现的计算器实例
2015/07/16 PHP
禁止F5等快捷键的JS代码
2007/03/06 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
2011/11/30 Javascript
jQuery中data()方法用法实例
2014/12/27 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
基于JavaScript实现复选框的全选和取消全选
2017/02/09 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
2017/05/30 Javascript
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
[01:38]DOTA2第二届亚洲邀请赛中国区预选赛出线战队晋级之路
2017/01/17 DOTA
Python urlopen()函数 示例分享
2014/06/12 Python
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
浅析Python的web.py框架中url的设定方法
2016/07/11 Python
在python2.7中用numpy.reshape 对图像进行切割的方法
2018/12/05 Python
python的继承知识点总结
2018/12/10 Python
python模拟登陆,用session维持回话的实例
2018/12/27 Python
python使用BeautifulSoup与正则表达式爬取时光网不同地区top100电影并对比
2019/04/15 Python
python找出一个列表中相同元素的多个索引实例
2019/06/11 Python
python 图片去噪的方法示例
2019/07/09 Python
Python FFT合成波形的实例
2019/12/04 Python
使用Python给头像加上圣诞帽或圣诞老人小图标附源码
2019/12/25 Python
Django高并发负载均衡实现原理详解
2020/04/04 Python
Python中SQLite如何使用
2020/05/27 Python
Python 在局部变量域中执行代码
2020/08/07 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
Bailey帽子官方商店:Bailey Hats
2018/09/25 全球购物
儿媳婚宴答谢词
2014/01/14 职场文书
中学生演讲稿
2014/04/26 职场文书
个人收入证明范本
2014/09/18 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
mysql sum(if())和count(if())的用法说明
2022/01/18 MySQL
关于Redis的主从复制及哨兵问题
2022/06/16 Redis