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

How to prohibit copying text in html

coldplay.xixi

Release： 2023-01-05 16:12:00

Original

9087 people have browsed it

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!