天天看点

js阻止鼠标右击_js禁止鼠标复制页面内容和弹出右击菜单

其实禁止复制内容 直接让不想被复制的文本禁止光标选中就行了

话不多说 直接上代码

<!DOCTYPE html>
<html >

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    不可以拷贝我哦

    <script>
        //取消鼠标在页面可以右击出来的菜单
        //contextmenu 主要控制应该合适显示上下文菜单
        document.addEventListener('contextmenu', function (e) {
            e.preventDefault();//别忘记括号
        })

        //禁止选中文字 selectstart
        document.addEventListener('selectstart', function (e) {
            e.preventDefault();//别忘记括号
        })
    </script>
</body>

</html>
           
js阻止鼠标右击_js禁止鼠标复制页面内容和弹出右击菜单
结语 大家可以试一下有没有效果 有什么问题可以评论区留言 大家一起加油~~