首页 > Web开发 > 详细

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

时间:2015-11-27 23:16:34      阅读:359      评论:0      收藏:0      [点我收藏+]

我要实现的功能是:在列表页,通过一个按钮复制对应的文章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

 

    

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

原文:http://www.cnblogs.com/taidou/p/5001814.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!