网页内容无法复制的背后逻辑代码！

最新推荐文章于 2023-08-22 22:43:34 发布

不想想了

最新推荐文章于 2023-08-22 22:43:34 发布

阅读量170

点赞数

分类专栏： web前端文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_45627194/article/details/129242312

版权

web前端专栏收录该内容

37 篇文章 4 订阅

订阅专栏

问题

网上知识产权内容为什么无法复制的背后逻辑代码实现

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题：无法复制网页内容的代码</title>
</head>
<body>
    <h1>试一试</h1>
    <span>你能拿走这句话吗？</span>
    <script>
        // 1，禁止右击，contextmenu：上下文菜单；右键菜单；快捷菜单
            document.addEventListener("contextmenu",function(e){
                e.preventDefault();
            });
        // 2，禁止鼠标选中,selectstart：不准选择
            document.addEventListener("selectstart",function(e){
                e.preventDefault();
            }); 
    	// 3，禁止F12键，keydown：按下；按下按键；按下键盘，无法打开浏览控制台
            document.addEventListener("keydown",function(e){
                if(e.key == "F12"){
                    e.preventDefault();
                }      
            });
    </script>
</body>
</html>