Home > Article > Web Front-end > JavaScript implements prohibition of copying web content
This article mainly introduces the implementation of javascript to prohibit copying web content. Friends in need can refer to it.
Make a note:
// 禁用右键菜单、复制、选择 $(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" }); });
To prevent JavaScript from becoming invalid, it can be written in CSS (supported by new browsers and gradually becoming a standard):
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属性 */ }
The code is very simple, but the functions implemented are very practical. However, it should be noted that prohibiting copying is not something worth promoting on this free Internet. Please use it according to the situation.