点击按钮复制指定区域文本代码,Js代码库,德仔网

代码语言

代码分类

【Js】点击按钮复制指定区域文本

作者: / 发布于2016/11/25/ 809

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<article id="article">
    <h4>公园一日游</h4>
    <time>2016.8.15 星期二</time>
    今天风和日丽，我和小红去了人民公园，玩了滑梯、打雪仗、划船，真是愉快的一天啊。
</article>
<button id="copy">复制文章</button>
<textarea style="width: 500px;height: 100px;" placeholder="试一试ctrl + v"></textarea>
<script>
    function copyArticle(event){
        const range = document.createRange();
        range.selectNode(document.getElementById('article'));

        const selection = window.getSelection();
        if(selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        
        document.execCommand('copy');
    }

    document.getElementById('copy').addEventListener('click', copyArticle, false);
</script>
</body>
</html>

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label