How to prohibit copying text in html-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

How to prohibit copying text in html

coldplay.xixi

Apr 27, 2021 pm 04:10 PM

html Copy text

htmlMethods to prohibit copying text: 1. Disable selection and right-clicking; 2. Disable text selection; 3. Disable the F12 key; 4. Disable debugging tools.

How to prohibit copying text in html

The operating environment of this tutorial: windows7 system, html5 version, DELL G3 computer.

htmlMethods to prohibit copying text:

1. Disable selection and right-clicking:

Add the following code in the tag:

οncοntextmenu='return false' //Prohibit right-clicking

οndragstart='return false' //Prohibit dragging

onselectstart ='return false' //Prohibited Select

οnselect='document.selection.empty()' //Prohibit selection

οncοpy='document.selection.empty()' //Prohibit copying

onbeforecopy ='return false' // Disable copying

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

<body leftmargin=0 topmargin=0 οncοntextmenu=&#39;return false&#39; οndragstart=&#39;return false&#39; onselectstart =&#39;return false&#39; οnselect=&#39;document.selection.empty()&#39; οncοpy=&#39;document.selection.empty()&#39; onbeforecopy=&#39;return false&#39; οnmοuseup=&#39;document.selection.empty()&#39;>

Copy after login

2. Disable text selection

*{
    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;
}

Copy after login

At this time, normal selection and copying have been disabled, but if you are a programmer, you still know that you can use the browser's source code viewing and debugging tools to copy content directly from the code. So:

3. Disable the F12 key

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

Copy after login

4. Disable debugging tools

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

Copy after login

Related learning recommendations : html video tutorial

The above is the detailed content of How to prohibit copying text in html. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn