美文网首页
js点击复制文本

js点击复制文本

作者: elileo | 来源:发表于2020-10-09 01:05 被阅读0次

    直接上代码

    1.css部分

    <style>
        .wrapper {
            position: relative;
            top:-500px;
        }
    </style>
    

    2.html部分

    
    <div class="wrapper">
        <p id="text" style="display: none">这里是要复制的内容</p>
        <textarea id="input">fuzhi</textarea>
    </div>
    
    <a class="botton" onclick="copyText()">点击复制微信</a>
    

    3.js部分

    <script>
        function copyText() {
            var text = document.getElementById("text").innerText;
            var input = document.getElementById("input");
            input.value = text; // 修改文本框的内容
            input.select(); // 选中文本
            document.execCommand("copy"); // 执行浏览器复制命令
    
            toast.text({
                title: '复制成功!',
                duration: 1700
            });
            return false;
        }
    </script>
    

    相关文章

      网友评论

          本文标题:js点击复制文本

          本文链接:https://www.haomeiwen.com/subject/svpkpktx.html