JS复制文本

页面上有input文本框和一个按钮，如果所示：

代码如下：

<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <div class="form-group">
        <div class="col-sm-3 qcode">
            <div class="img" id="qcode-img">

            </div>
            <div class="tips">手机扫一扫查看活动</div>
        </div>
        <div class="col-sm-6 url padding0">
            <input type="text" id="lotteryUrl" class="form-control" th:value="${lotteryActivity.lotteryUrl}" readonly />
        </div>
        <div class="col-sm-2 copy padding0">
            <div onclick="copy()">复制地址</div>
        </div>
    </div>

</div>
</body>

现在需要点击“复制地址”，将文本框中内容复制到粘贴板，代码如下：

function copy() {
    $("#lotteryUrl").select();
    document.execCommand("Copy");
    $.modal.alertSuccess("活动链接复制成功");
}

点击后效果如下：

仅仅两行代码，就实现了文本复制功能。

JS复制文本

悦读