首页 > 其他分享 >复制内容到剪贴板

复制内容到剪贴板

时间:2022-12-14 15:03:21浏览次数:26  
标签:剪贴板 text 元素 复制 内容 input document

<!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>

 

标签:剪贴板,text,元素,复制,内容,input,document
From: https://www.cnblogs.com/zhaofen/p/16982171.html

相关文章