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

wend

16445684

发布于
2017-08-14

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

javascript

html5

阅读 5.4k

5 个回答

得票最新

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>

sevencui

3552

发布于
2017-08-15

可以参考一下这个，或许对你有帮助：https://segmentfault.com/a/11...

查看全部 5 个回答

推荐问题

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

扁平化数组转换成树形?

省市区街道数据在哪里可以下载？

两个promise问题？

Vue项目一个报错无法找到原因?

如何在JavaScript中从外部中断for循环的执行？

如何在浏览器开发者工具中导入本地JS文件并直接运行？

Quartz如何根据cron表达式计算任务开始前发送通知的时间？