如何设置网页无法复制?

发布时间:2020-10-24 整理:编程之家
编程之家收集整理的这篇文章主要介绍了如何设置网页无法复制?编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随编程之家小编过来看看吧!

JavaScript设置网页无法复制的方法:在JavaScript代码中设置禁用右键菜单、复制、选择等操作,禁用Ctrl+c和Ctrl+v快捷键的使用,通过这种方法就可以实现网页无法复制。

 

 

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"
    });
});

广州包装设计公司http://www.maiqicn.com 电脑刺绣绣花厂 ttp://www.szhdn.com

防止禁用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属性 */
}

总结

以上是编程之家为你收集整理的如何设置网页无法复制?全部内容,希望文章能够帮你解决如何设置网页无法复制?所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478
编程之家官方公众号

微信公众号搜索 “ 程序精选 ” ,选择关注!

微信公众号搜索 “ 程序精选 ”
精选程序员所需精品干货内容!