网页禁止文字右键和复制实现

最新推荐文章于 2024-03-13 23:27:35 发布

产品迪

最新推荐文章于 2024-03-13 23:27:35 发布

阅读量242

点赞数

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

本文链接：https://blog.csdn.net/weixin_46054543/article/details/109702845

版权

前端专栏收录该内容

68 篇文章 0 订阅

订阅专栏

禁用右键出现菜单&禁止选中文字复制：

核心思路如下：

阻止contextmenu默认方法，来禁止右键出现菜单
阻止selectstart默认方法，来禁止选中文字复制

全部代码如下：

<body>
<p>温馨提示：此行文字禁止复制</p>
<script>
    //禁止右键出现菜单
    document.addEventListener('contextmenu',function (e) {
        //阻止默认方法
        e.preventDefault();
    })
    //禁止选中文字
    document.addEventListener('selectstart',function (e) {
        //阻止默认方法
        e.preventDefault();
    })
</script>
</body>