clipboard JS(剪切板)的使用

Posted 2020-10-24 otherCoding

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、成功执行回调函数