一、准备好一个input框和一个按钮

<div class="layui-form-item"  style="margin-top: 30px">
        <label class="layui-form-label">网址</label>
        <div class="layui-input-block">
            <input type="text" id="copyText" class="layui-input" readonly
                   value="http://www.baidu.com">
        </div>
        <input style="display: block; margin: 50px auto" type="button" class="layui-btn" id="copyUrl" value="点击复制"/>
</div>


二、 在Layui中写按钮的点击事件

layui.use('jquery', function () {
        var $ = layui.jquery;


        $("#copyUrl").click(function () {
            var Url2 = document.getElementById("copyText");
            Url2.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            layer.msg("已复制");
        })

)}

 点击复制后,即可将内容复制到粘贴板上



更多推荐