JS实现复制到剪贴板

方法1

您可以使用 Clipboard api 创建“复制到剪贴板”功能：

function copyToClipboard(text) {
    navigator.clipboard.writeText(text);
}

方法2

复制文本框内容

    <textarea cols="20" rows="10" id="text">用户定义的代码区域</textarea>
    <button onclick="copy()">点击复制</button>

    <script type="text/javascript">
        function copy() {
            var text = document.getElementById("text");
            text.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            alert("已复制好，可贴粘。");
        }
    </script>

方法3

复制URL

    <input type="button" name="anniu2" onClick='copyUrl()' value="复制URL地址">
    <script language="javascript">
        function copyUrl() {
            var clipBoardContent = this.location.href;
            window.clipboardData.setData("Text", clipBoardContent);
            alert("复制成功!");
        }
    </script>

方法4

复制文本框内容

    <input onclick="oCopy(this)" value="你好.要copy的内容!">
    <script language="javascript">
        function oCopy(obj) {
            obj.select();
            js = obj.createTextRange();
            js.execCommand("Copy")
            alert("复制成功!");
        }
    </script>

方法5

复制文本框或者隐藏域中的内容

    <script language="javascript">
        function CopyUrl(target) {
            target.value = myimg.value;
            target.select();
            js = myimg.createTextRange();
            js.execCommand("Copy");
            alert("复制成功!");
        }

        function AddImg(target) {
            target.value = "[IMG]" + myimg.value + "[/ img]";
            target.select();
            js = target.createTextRange();
            js.execCommand("Copy");
            alert("复制成功!");
        }
    </script>