设置点击网页某个内容自动复制指定内容的代码

设置点击网页某个内容自动复制指定内容的代码

假如我们需要点击一下“自动复制我”内容自动复制”自动复制我“这个内容代码如下

<body>
    <p class="has-text-align-center has-background" style="background-color:#00ff8417;font-size:16px" onclick="copyText()">点击这个文本自动复制内容:<span id="textToCopy">自动复制我</span></p>

    <script>
        function copyText() {
            var text = document.getElementById("textToCopy").textContent;
            navigator.clipboard.writeText(text);
            alert("内容”自动复制我“已复制到剪贴板!");
        }
    </script>
</body>

需要注意的是,某些主题如果你直接在框架里面添加这个代码,会提示尝试恢复,不要点,因为会清除自动复制的代码,我们直接保存就行

© 版权声明
THE END
点赞247 分享