.Net Web开发中实现剪切板功能
我要实现的功能是:在列表页,通过一个按钮复制对应的文章Url,如下图:
如下代码:
-
<a class="btn btn-success copy" href="javascript:void(0)" data-url="@Url.Action("Index", new {id = item.Id})">复制文章地址</a>
js代码:
-
<script type="text/javascript">
-
var client = new ZeroClipboard($(".copy"));
-
client.on("copy", function (event) {
-
var url = $(event.target).attr('data-url');
-
var host = "http://" + window.location.host;
-
var href = host + url;
-
var clipboard = event.clipboardData;
-
clipboard.setData("text/plain", href);
-
});
-
client.on("afterCopy", function (event) {
-
alert("已复制到剪切板");
-
});
-
</script>
这里需要使用文件:
http://yunpan.cn/cL7UjUKyrB6uL 访问密码 fe19