前端复制带上版权信息

最新推荐文章于 2024-08-19 17:04:41 发布

Bunny0212

最新推荐文章于 2024-08-19 17:04:41 发布

阅读量221

点赞数

分类专栏：前端文章标签：前端开发语言 javascript

本文链接：https://blog.csdn.net/weixin_46533577/article/details/134219962

版权

前端专栏收录该内容

92 篇文章 0 订阅

订阅专栏

前端复制带上版权信息

当用户复制内容时，自动添加版权信息。

HTML内容

<body>
    <h1 inputmode="text">复制我</h1>
</body>

Js内容

document.addEventListener("copy", (event) => {
    event.preventDefault(); // 阻止默认事件

    const copiedText = window.getSelection().toString(); // 选择复制的内容
    const copyrightText = "版权信息"; // 设置版权信息
    const copiedContent = `${copiedText} \n ${copyrightText}`; // 拼接复制内容+版权信息

    // 将复制内容放入
    event.clipboardData.setData("text/plain", copiedContent);
});