clipboard.js实现复制功能

第一次在csdn上写技术博客，昨天刚修好家里的电脑，闲来无事，试试这个配置极低的老机器是否能进行简单的编程，闲话少叙，直入正题。

先上代码，js代码如下：

var clipboard = new Clipboard('p', {
        target: function() {
                   return document.querySelector('p');
              }
    });
    clipboard.on('success', function(e) {
        console.log(e);
        alert("复制成功");
    });

    clipboard.on('error', function(e) {
        console.log(e);
        alert("复制失败");
    });

html代码如下：

<p data-clipboard-target="p">hello kitty</p>

实现的效果是点击p标签的内容，复制p标签的内容，关键的地方在于
1.调用clipboard.js
2.data-clipboard-target="p"，复制对应标签的内容
3.js第1行中p代表点击p标签
4.js第3行p代表复制p标签的内容