js监听复制事件，并修改内容

最新推荐文章于 2025-05-26 14:24:49 发布

原创最新推荐文章于 2025-05-26 14:24:49 发布 · 585 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

该代码段展示了如何使用JavaScript监听并控制页面上的复制事件。当用户尝试复制文本时，事件会阻止默认的复制行为，并将剪贴板数据替换为‘不让你复制’，实现了对文本复制的限制功能。

 //监听整个页面的 copy 事件
    document.addEventListener('copy',function(e){
        let clipboardData = e.clipboardData || window.clipboardData;
        if(!clipboardData) return ;
        //用户选中文本
        let text = window.getSelection().toString();
        if(text){
            e.preventDefault();
            clipboardData.setData('text/plain', '不让你复制')
        }
    })