js怎么实现点击按钮复制文本内容

wend

16445684

发布于
2017-08-14

js怎么实现点击按钮复制文本内容,需要插件吗？

javascript

html5

阅读 5.4k

5 个回答

Strive_Insist

我用的是这个插件 clipboard.js （无需 Flash）
地址：使用clipboard.js复制页面内容到剪切板

mikechen

1.1k9152293

发布于
2017-08-14

clipboard 看一下这个插件有你需要的答案.

April

4361212

发布于
2017-08-14

更新于
2017-08-14

刚才没注意看问题，已修改，不需要插件

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
</head>
<body>
    <div id="demo">
        <h1 class="text">H1文本内容</h1>
        <h2>h2文本内容</h2>
    </div>
    
    <button class="btn">点击按钮</button>
</body>
<script src="js/jquery.min.js"></script>
<script>
    $('.btn').on('click',function(){
        var a=$('<input type="text" />').val($('.text').text());//创建一个input框获取需要复制的文本内容
        a.appendTo('#demo');
        a.select();
        document.execCommand("Copy");
        a.remove()
    })
</script>
</html>