.Net Web开发中实现剪切板功能

我要实现的功能是:在列表页,通过一个按钮复制对应的文章Url,如下图:

    

如下代码:

  1.     <a class="btn btn-success copy" href="javascript:void(0)" data-url="@Url.Action("Index", new {id = item.Id})">复制文章地址</a>

js代码:

  1. <script type="text/javascript">
  2.     var client = new ZeroClipboard($(".copy"));
  3.     client.on("copy", function (event) {
  4.         var url = $(event.target).attr('data-url');
  5.         var host = "http://" + window.location.host;
  6.         var href = host + url;
  7.         var clipboard = event.clipboardData;
  8.         clipboard.setData("text/plain", href);
  9.     });
  10.     client.on("afterCopy", function (event) {
  11.         alert("已复制到剪切板");
  12.     });
  13. </script>

这里需要使用文件:

    http://yunpan.cn/cL7UjUKyrB6uL  访问密码 fe19

 

    

posted @ 2015-11-27 21:43  Bronc_Li  阅读(637)  评论(0编辑  收藏  举报