js禁止页面复制功能禁用页面右键菜单示例代码


Posted in Javascript onAugust 29, 2013

<body oncontextmenu="return false">禁用网页右键菜单,但是仍然可以使用快捷键复制。
js代码禁用复制功能:

<script type="text/javascript"> 
document.body.onselectstart=document.body.oncontextmenu=function(){ return false;} 
</script>

注意这段代码必须放在body元素后面,放在前面或者放在head里面都不起作用。
补全:document.body.onselectstart 页面选中功能。
document.body.oncontextmenu页面右键菜单。
document.body.ondragstart页面内容拖拽功能,拖拽是可以实现复制的。禁止复制时需要将其禁用。
document.body.oncopy页面内容复制功能,当禁用时,即使你点击了复制或使用了快捷键但是你剪切板中的内容不是你刚复制的内容而是你以前放在剪切板中的内容或为空。
document.body.oncut页面内容剪切功能,禁用和效果和禁用复制功能类似。
注意:当使用了上述禁用功能后,如果页面的某个角落还可以右键或复制,那是因为你的body没有覆盖整个页面,可以在body上添加如下属性。
leftMargin=0 topMargin=0 style="width: 100%;height: 100%;"
通过设置body属性来禁用复制功能代码如下:
<body oncontextmenu="return false" onselectstart="return false" 
ondragstart="return false" oncopy="return false" 
oncut="return false; 
leftMargin=0 
topMargin=0 style="width: 100%;height: 100%;" > 
以下代码是禁用网页另存为但是我测试没有成功,谁知道原因可以在下面给出评论,谢谢。 
<noscript> 
<iframe scr="*.htm"></iframe> 
</noscript> 
</body>

js代码案例:
//******************** 屏蔽右键 *********************** 
function click(e) { 
if (document.all) { 
if (event.button==1||event.button==2||event.button==3) { 
oncontextmenu='return false'; 
} 
} 
if (document.layers) { 
if (e.which == 3) { 
oncontextmenu='return false'; 
} 
} 
} 
if (document.layers) { 
document.captureEvents(Event.MOUSEDOWN); 
} 
document.onmousedown=click; 
document.oncontextmenu = new Function("return false;") 
//******************************************* 
document.onkeydown=function(evt){ 
if(document.selection.createRange().parentElement().type == "file"){ 
return false; 
} 
if ((event.keyCode==116)|| //屏蔽 F5 刷新键 
(event.ctrlKey && event.keyCode==82)){ //Ctrl + R 
event.keyCode=0; 
event.returnValue=false; 
} 
if ((window.event.altKey)&&(window.event.keyCode==115)){ //屏蔽Alt+F4 
return false; 
} 
}
Javascript 相关文章推荐
jQuery 核心函数以及jQuery对象
Mar 23 Javascript
让js弹出窗口居前显示的实现方法
Jul 10 Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 Javascript
getElementById().innerHTML与getElementById().value的区别
Oct 27 Javascript
javascript显示系统当前时间代码
Dec 29 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 Javascript
如何编写一个完整的Angular4 FormText 组件
Nov 18 Javascript
Vue 路由 过渡动效 数据获取方法
Jul 31 Javascript
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
Nov 14 Javascript
微信提示 在浏览器打开 效果实现过程解析
Sep 10 Javascript
JavaScript实现像雪花一样的Hexaflake分形
Jul 07 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
extjs中form与grid交互数据(record)的方法
Aug 29 #Javascript
JS中图片缓冲loading技术的实例代码
Aug 29 #Javascript
js中substring和substr的详细介绍与用法
Aug 29 #Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
Aug 29 #Javascript
JavaScript自定义事件介绍
Aug 29 #Javascript
JavaScript包装对象使用介绍
Aug 29 #Javascript
JavaScript作用域链使用介绍
Aug 29 #Javascript
You might like
帅气的琦玉老师
2020/03/02 日漫
php生成EXCEL的东东
2006/10/09 PHP
PHP下编码转换函数mb_convert_encoding与iconv的使用说明
2009/12/16 PHP
解析左右值无限分类的实现算法
2013/06/20 PHP
PHP快速排序quicksort实例详解
2016/09/28 PHP
PHP封装请求类实例分析【基于Yii框架】
2019/10/17 PHP
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
Node.js异步I/O学习笔记
2014/11/04 Javascript
jQuery中odd选择器的定义和用法
2014/12/23 Javascript
JS拖拽组件学习使用
2016/01/19 Javascript
浅谈js数据类型判断与数组判断
2016/08/29 Javascript
bootstrap下拉菜单使用方法解析
2017/01/13 Javascript
vue.js树形组件之删除双击增加分支实例代码
2017/02/28 Javascript
jQuery 实现左右两侧菜单添加、移除功能
2018/01/02 jQuery
JavaScript函数的特性与应用实践深入详解
2018/12/30 Javascript
详解vue2.0模拟后台json数据
2019/05/16 Javascript
jQuery zTree树插件的使用教程
2019/08/16 jQuery
小程序调用微信支付的方法
2019/09/26 Javascript
vue 自定义组件的写法与用法详解
2020/03/04 Javascript
js实现简单进度条效果
2020/03/25 Javascript
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
100行python代码实现跳一跳辅助程序
2018/01/15 Python
Python使用SQLite和Excel操作进行数据分析
2018/01/20 Python
Python下简易的单例模式详解
2019/04/08 Python
如何通过雪花算法用Python实现一个简单的发号器
2019/07/03 Python
Python数据可视化:顶级绘图库plotly详解
2019/12/07 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
芬兰汽车配件商店:Autonvaraosat24
2017/01/30 全球购物
澳大利亚音乐商店:Bava’s Music City
2019/05/05 全球购物
Java语言程序设计测试题改错题部分
2014/07/22 面试题
材料加工硕士生求职信
2013/10/10 职场文书
英文请假条
2014/04/11 职场文书
单位委托书怎么写
2014/08/02 职场文书
爱的奉献演讲稿
2014/09/10 职场文书
创业计划书之零食店(进口)
2019/09/24 职场文书
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js