Js禁止网页右击出现菜单、网页复制、修改复制的内容

最新推荐文章于 2024-07-20 22:26:17 发布

WKWKWKWKWKWKYM

最新推荐文章于 2024-07-20 22:26:17 发布

阅读量432

点赞数

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

本文链接：https://blog.youkuaiyun.com/qq_28416801/article/details/118186882

版权

JavaScript 右击菜单禁止复制网页安全内容保护

关键词由优快云通过智能技术生成

前端同时被 2 个专栏收录

8 篇文章

订阅专栏

7 篇文章

订阅专栏

本文介绍了如何通过JavaScript实现网页右击菜单的禁止，防止内容被轻易复制，以及在用户尝试复制时如何修改复制的内容，从而提高网页内容的安全性。通过这些技术，可以有效限制对网页内容的非法操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript禁止网页右击出现菜单

禁止网页右击出现菜单:网页内容，想复制，就复制不了，右击也会没效果，这样可以使得页面安全性增加。

禁止网页右击出现菜单

代码片.

<script type="text/javascript">
    //禁止网页右击出现菜单
    function stops(){
       return false;
    }
    document.oncontextmenu=stops;
</script>

禁止网页复制

代码片.

<script language="Javascript">  
    //禁止网页复制
	document.oncontextmenu=new Function("event.returnValue=false");  
	document.onselectstart=new Function("event.returnValue=false");  
</script>

别人复制时，修改复制的内容

代码片.

<script language="Javascript">  
    //别人复制时，修改复制的内容
	const btn = document.querySelector("#btn");
    btn.addEventListener("click", function() {
    // 创建一个input框
    const input = document.createElement("input");
    // 设置 input框内容
    input.setAttribute("value", "copy content");
    // 添加到body元素中
    document.body.appendChild(input);

    // 将新添加进去的input元素进行选中
    input.select();

    // 为input添加监听事件方便对剪贴板内容进行二次修改
    input.addEventListener("copy", function(event) {
        // 使用ClipboardApi来设置剪贴板里的内容
        // 参考张鑫旭的博客， 需要的文末有地址
        var clipboardData = event.clipboardData || window.clipboardData;
        if (!clipboardData) {
            return;
        }
        var text = window.getSelection().toString();
        if (text) {
            event.preventDefault();
            clipboardData.setData("text/plain", text + "\n\n 我是添加进来的内容");
        }
    });

    // 执行复制操作
    if (document.execCommand("copy")) {
        console.log("复制成功");
    } else {
        console.log("复制失败");
    }

    // document.execCommand('copy') 如果内容复制的不全
    // document.execCommand('copy')前先进行document.execCommand('selectAll')选中所有内容即可

    // 移除input框
    document.body.removeChild(input);
});
</script>