怎么在html中禁止复制文字

这篇文章将为大家详细讲解有关怎么在html中禁止复制文字,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

创新互联公司是一家专业从事成都网站制作、成都做网站、网页设计的品牌网络公司。如今是成都地区具影响力的网站设计公司,作为专业的成都网站建设公司,创新互联公司依托强大的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、营销型网站建设及网站设计开发服务!

html有什么特点

1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。 2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。  3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。 4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

html禁止复制文字的方法:

1、禁用选中和右键:

在标签中添加以下代码:

οncοntextmenu='return false'    //禁止右键

οndragstart='return false'    //禁止拖动

onselectstart ='return false'    //禁止选中

οnselect='document.selection.empty()'    //禁止选中

οncοpy='document.selection.empty()'    //禁止复制

onbeforecopy='return false'   // 禁止复制

οnmοuseup='document.selection.empty()'

2、禁止选中文字

*{
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

这时正常的选择复制都已经被禁用但是如果是程序员还知道可以用浏览器的查看源码和调试工具来直接从代码中复制内容。所以:

3、禁用F12按键

//禁用F12
window.onkeydown = window.onkeyup = window.onkeypress = function (event) {
    // 判断是否按下F12,F12键码为123
    if (event.keyCode == 123) {
    event.preventDefault(); // 阻止默认事件行为
    window.event.returnValue = false;
    }
}

4、禁用调试工具

var threshold = 160; // 打开控制台的宽或高阈值
// 每秒检查一次
var check = setInterval(function() {
    if (window.outerWidth - window.innerWidth > threshold || 
        window.outerHeight - window.innerHeight > threshold) {
        // 如果打开控制台,则刷新页面
        window.location.reload();
    }
}, 1000)

关于怎么在html中禁止复制文字就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


名称栏目:怎么在html中禁止复制文字
转载源于:http://myzitong.com/article/picodp.html