复制内容到剪贴板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button onclick="copyText('想复制的内容')">
        点击复制内容
    </button>
</body>
<script>
    function copyText(text) { // text:为想要复制的内容
        var input = document.createElement('input');//创建input元素
        input.value = text;//把内容text给input元素
        document.querySelector('body').appendChild(input);//在body中添加input元素
        input.select();//选择文本中的内容
        document.execCommand('copy');//执行浏览器复制命令
        input.remove();//复制之后移除input的元素
        alert('复制成功');
    };
</script>
</html>

 

posted @ 2022-12-14 14:51  芬-mi  阅读(54)  评论(0编辑  收藏  举报