码迷,mamicode.com
首页 > Web开发 > 详细

clipboard JS(剪切板)的使用

时间:2018-02-10 16:58:17      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:style   javascrip   pre   回调   color   span   lock   剪切板   click   

  1. 引入js(根据路径需要修改url)
1 <script src="lib/clipboard/clipboard.min.js" type="text/javascript"></script>

        2.代码

html:
<a class="my-btn btn btn-block btn-default my-copy" ng-click="copy()">复制</a> 
js:
function copy(text) {
var clipboard = new Clipboard(‘.my-copy‘, {
text: function () {
return text;
}
});

clipboard.on(‘success‘, function (e) {
console.log(e.text)
clipboard.destroy()
});
}

// 与DOM绑定的方法
$scope.copy = function () {
copy(‘nihao‘);
}

  3.代码说明

    text:function 的作用为:绑定dom、成功执行回调函数

clipboard JS(剪切板)的使用

标签:style   javascrip   pre   回调   color   span   lock   剪切板   click   

原文地址:https://www.cnblogs.com/milicool/p/7856048.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!