如何实现点击按钮弹出“粘贴”按钮

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 778 天前的主题，其中的信息可能已经有所发展或是发生改变。

如图

第 1 条附言 · 2022-10-08 14:23:23 +08:00

需要先 navigator.permissions.query 申请权限, 并且测试发现只有在 127.0.0.1 和 https 下才有用


    <div class="query"></div>

    <textarea id="output" type="text"></textarea>
    <button id="paste">粘贴</button>

    <script>
        navigator.permissions.query({
            name: 'clipboard-read'
        }).then(permissionStatus => {
            // permissionStatus.state 的值是 'granted'、'denied'、'prompt'
            document.querySelector(".query").innerText = permissionStatus.state
        });

        function paste() {
            navigator.clipboard.readText().then(
                clipText => document.querySelector("#output").value = clipText);;
        }

        document.querySelector("#paste").addEventListener("click", paste);
    </script>

按钮

粘贴

弹出

点击

8 条回复 • 2022-10-08 15:43:54 +08:00