javascript实现禁止复制网页内容

前端之家收集整理的这篇文章主要介绍了javascript实现禁止复制网页内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

做个笔记

代码如下:
菜单、复制、选择 $(document).bind("contextmenu copy selectstart",function() { return false; }); // 禁用Ctrl+C和Ctrl+V(所有浏览器均支持) $(document).keydown(function(e) { if(e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) { return false; } }); // 设置CSS禁止选择(如果写了下面的CSS则不需要这一段代码,新版浏览器支持) $(function() { $("body").css({ "-moz-user-select":"none", "-webkit-user-select":"none", "-ms-user-select":"none", "-khtml-user-select":"none", "-o-user-select":"none", "user-select":"none" }); });

防止禁用JavaScript后失效,可以写在CSS中(新版浏览器支持,并逐渐成为标准):

代码如下:
属性 */ -webkit-user-select:none; /* WebKit内核私有属性 */ -ms-user-select:none; /* IE私有属性(IE10及以后) */ -khtml-user-select:none; /* KHTML内核私有属性 */ -o-user-select:none; /* Opera私有属性 */ user-select:none; /* CSS3属性 */ }

代码很简单,实现的功能却很实用,不过要提示的是,在这个自由的互联网上其实做禁止复制不是件很值得推广的事,大家依情况实用吧。

原文链接:https://www.f2er.com/js/56874.html

猜你在找的JavaScript相关文章