SOURCE

console 命令行工具 X clear

                    
>
console
<!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>点击复制</title>
</head>

<body>
    <input id="a"/>
    <div id="box"></div>
    <button onclick="select()">点击复制</button>
    <button onclick="paste()">点击粘贴</button>
    <script>
        function select(){
            // 当是id选择器的时候可以直接用id的名称代指element元素
            console.log(a.value)
            navigator.clipboard.writeText(a.value).then(r=>{
                alert("复制成功")
            })
        }
        function paste() {
            navigator.clipboard.readText().then(r => {
                console.log('剪切版中的内容', r);
                box.innerText=r
            }).catch(err => {
                console.error('没有剪切板权限!,点击地址栏左边的按钮添加权限!');
            })
        }
    </script>
</body>
</html>