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选择器 $实现原理
Dec 02 Javascript
ExtJs的Date格式字符代码
Dec 30 Javascript
精通Javascript系列之数值计算
Jun 07 Javascript
javascript的数据类型、字面量、变量介绍
May 23 Javascript
Extjs4中Form的使用之本地hiddenfield
Nov 26 Javascript
node.js中的buffer.toJSON方法使用说明
Dec 14 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
Nov 24 Javascript
基于JavaScript实现类似于百度学术高级检索功能
Mar 02 Javascript
简单理解vue中实例属性vm.$els
Dec 01 Javascript
解决React Native端口号修改的方法
Jul 28 Javascript
.vue文件 加scoped 样式不起作用的解决方法
May 28 Javascript
jQuery内容选择器与表单选择器实例分析
Jun 28 jQuery
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基础知识介绍
2013/09/17 PHP
php实现遍历多维数组的方法
2015/11/25 PHP
php上传excel表格并获取数据
2017/04/27 PHP
PHP队列场景以及实现代码实例详解
2021/02/26 PHP
javascript mouseover、mouseout停止事件冒泡的解决方案
2009/04/07 Javascript
菜鸟学习JavaScript小实验之函数引用
2010/11/17 Javascript
浅析JavaScript中的CSS属性及命名规范
2013/11/28 Javascript
jQuery中判断对象是否存在的方法汇总
2016/02/24 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
jQuery实现获取元素索引值index的方法
2016/09/18 Javascript
React Native之prop-types进行属性确认详解
2017/12/19 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
2019/11/13 Javascript
浅析Vue 中的 render 函数
2020/02/28 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
2020/06/01 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
2020/07/21 Javascript
[44:50]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 TNC vs VG
2018/04/02 DOTA
Python读写文件方法总结
2015/06/09 Python
python调用百度REST API实现语音识别
2018/08/30 Python
python zip()函数使用方法解析
2019/10/31 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
Python多线程threading join和守护线程setDeamon原理详解
2020/03/18 Python
Windows+Anaconda3+PyTorch+PyCharm的安装教程图文详解
2020/04/03 Python
解决pip install psycopg2出错问题
2020/07/09 Python
python如何实现DES加密
2020/09/21 Python
如何利用Python matplotlib绘制雷达图
2020/12/21 Python
使用CSS3编写类似iOS中的复选框及带开关的按钮
2016/04/11 HTML / CSS
美国钻石商店:Zales
2016/11/20 全球购物
全球酒店比价网:HotelsCombined
2017/06/20 全球购物
墨西哥巴士车票在线购买:ClickBus
2018/03/27 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
What is the purpose of Void class? Void类的作用是什么?
2016/10/31 面试题
文员个人求职自荐信
2013/09/21 职场文书
关于旷工的检讨书
2014/02/02 职场文书
小学国庆节活动方案
2014/02/11 职场文书
2016年小学植树节活动总结
2016/03/16 职场文书