通过js实现点击按钮,复制文本框的内容

            点击复制按钮,进行文本框内容的复制。使用js实现这一功能:


       1、HTML部分:

<label>id:</label><input type="text"><span id="getPass">获取密文</span></br>
<label>密文:</label><input type="text" readonly><span id="copy_1">复制</span>

       2、js部分:

//前提,所在页面需引入jQuery
<script>
    $(function(){
        //实现复制功能
        $("#copy_1").click(function () {
            let url_content = $(".text_4");
            //选择复制的文本
            url_content.select();
            //执行浏览器复制命令
            document.execCommand("copy");
        })
    })
</script>

       3、效果展示:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_43271452/article/details/89960279