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

V2EX = way to explore

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

For Existing Member Sign In

This topic created in 1303 days ago, the information mentioned may be changed or developed.

如图

Supplement 1 · Oct 8, 2022

需要先 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 replies • 2022-10-08 15:43:54 +08:00