利用js实现移动端、pc端通用点击复制

追海的人.

于 2021-07-14 09:25:39 发布

阅读量277

点赞数

CC 4.0 BY-SA版权

分类专栏：前端技术文章标签： js

本文链接：https://blog.youkuaiyun.com/Zlc0524/article/details/118719975

前端技术专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何通过JavaScript创建范围并利用Selection API实现在网页上复制指定内容，适用于开发者提升用户体验。

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

function copyArticle(event){
    const range = document.createRange();
    range.selectNode(document.getElementById('dd'));
    const selection = window.getSelection();
    if(selection.rangeCount > 0) selection.removeAllRanges();
    selection.addRange(range);
    document.execCommand('copy');
    $(this).text("已复制");
    setTimeout(function(){$("#cp1").text("点击复制")},1000);
}
document.getElementById('cp1').addEventListener('click', copyArticle, false);