javascript 操作剪切板

此库优点:支持电脑和手机端浏览器

第一步: 声明一个对象

$(function () {
            var clipboard = new ClipboardJS(document.getElementById("btnCopyFileShareLink"));
            clipboard.on('success', function (e) {
                alert("复制成功!");
            });

            clipboard.on('error', function (e) {
                alert("复制失败!");
            });
        });

第二步:定义各种操作方式:

<a id="btnCopyFileShareLink" href="javascript:void(0);"
                    data-clipboard-action="copy" data-clipboard-target='<%=("#" + txtShareLink.ClientID) %>'
                    style="margin-top:20px;margin-bottom:20px;clear:both;">
                    <input type="button" value="复制链接" />
                </a>
                <asp:TextBox ID="txtShareLink" runat="server" TextMode="MultiLine" Rows="5" 
                    Width="100%"></asp:TextBox>

其它参考 https://clipboardjs.com/#example-text

posted on 2023-01-08 17:51  空明流光  阅读(179)  评论(0编辑  收藏  举报

导航