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.extend 函数的详细用法
Jun 27 Javascript
jquery单选框radio绑定click事件实现方法
Jan 14 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
Mar 02 Javascript
javascript类型系统_正则表达式RegExp类型详解
Jun 24 Javascript
基于JavaScript表单脚本(详解)
Oct 18 Javascript
100行代码实现一个vue分页组功能
Nov 06 Javascript
JavaScript实现无限级递归树的示例代码
Mar 29 Javascript
JS中如何轻松遍历对象属性的方式总结
Aug 06 Javascript
如何对react hooks进行单元测试的方法
Aug 14 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
Feb 06 Javascript
JavaScript canvas绘制折线图
Feb 18 Javascript
three.js显示中文字体与tween应用详析
Jan 04 Javascript
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
Session的工作方式
2006/10/09 PHP
杏林同学录(八)
2006/10/09 PHP
自己在做项目过程中学到的PHP知识收集
2012/08/20 PHP
PHP转换文件夹下所有文件编码的实现代码
2013/06/06 PHP
js键盘上下左右键怎么触发function(实例讲解)
2013/12/14 Javascript
JS回调函数的应用简单实例
2014/09/17 Javascript
javascript实时获取鼠标坐标值并显示的方法
2015/04/30 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
2016/01/04 Javascript
通过正则表达式获取url中参数的简单实现
2016/06/07 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
2016/07/07 Javascript
vue-resource 拦截器(interceptor)的使用详解
2017/07/04 Javascript
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
2017/11/15 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
vue自定义全局组件(自定义插件)的用法
2018/01/30 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
element-ui 中使用upload多文件上传只请求一次接口
2019/07/19 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
swiper4实现移动端导航栏tab滑动切换
2020/10/16 Javascript
JS跨浏览器解析XML应用过程详解
2020/10/16 Javascript
vue3+typescript实现图片懒加载插件
2020/10/26 Javascript
适用于 Vue 的播放器组件Vue-Video-Player操作
2020/11/16 Javascript
对于Python编程中一些重用与缩减的建议
2015/04/14 Python
python opencv 批量改变图片的尺寸大小的方法
2019/06/28 Python
基于Python的一个自动录入表格的小程序
2020/08/05 Python
CSS教程:CSS3圆角属性
2009/04/02 HTML / CSS
荷兰多品牌网上鞋店:Stoute Schoenen
2017/08/24 全球购物
Lungolivigno Fashion官网:高级时装在线购物
2020/10/17 全球购物
新闻记者个人求职的自我评价
2013/11/28 职场文书
行政专员工作职责
2013/12/22 职场文书
电气个人求职信范文
2014/02/04 职场文书
私人房屋买卖协议书
2014/10/04 职场文书
2014光棍节单身联谊活动策划书
2014/10/10 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
2014酒店客房部工作总结
2014/12/16 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers