javascript实现禁止复制网页内容汇总_javascript技巧
程序员文章站
2022-04-25 20:41:00
...
方法一:
// 禁用右键菜单、复制、选择 $(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中(新版浏览器支持,并逐渐成为标准):
body { -moz-user-select:none; /* Firefox私有属性 */ -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属性 */ }
推荐阅读
-
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
-
基于jquery的高性能td和input切换并可修改内容实现代码_javascript技巧
-
JavaScript基于Ajax实现不刷新在网页上动态显示文件内容
-
JS操作CSS随机改变网页背景实现思路_javascript技巧
-
JS/jQuery实现默认显示部分文字点击按钮显示全部内容_javascript技巧
-
js 实现打印网页中定义的部分内容的代码_javascript技巧
-
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域_javascript技巧
-
JavaScript 十行原生代码实现复制内容到剪贴板
-
js 实现打印网页中定义的部分内容的代码_javascript技巧
-
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序_javascript技巧