Home > Article > Web Front-end > How to prohibit copying text in html

How to prohibit copying text in html

coldplay.xixiOriginal: 2021-04-27 16:10:359086browse

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

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 6c04bd5ca3fcae76e30b72ad730ca86d 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;>

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

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

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)

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!

html5 html

Statement：

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

Previous article：How to change html code into jsp codeNext article：How to change html code into jsp code

See more

How to prohibit copying text in html

Related articles