js复制功能

第一次做复制的功能以为很简单，结果搞了一天，网上找的方法出现在谷歌等浏览器中不兼容的问题，大多数是给出了

ZeroClipboard.js

插件的方法，不知道是使用不当还是插件本身有问题，加载后需要点两次才可以复制下来，然后局部刷新复制的文本后再点复制就不好使了，一天就这么过去了，没想到，老前辈敲出几行代码，瞬间木了。。。。。。。。。。

在js中写一个方法

function copyFn(){
    var val = document.getElementById('text');
    window.getSelection().selectAllChildren(val);
    document.execCommand ("Copy");
}

页面

<p id="text">被复制文本</p>

<p οnclick="copyFn（）">复制</p>

（这里不一定用p标签，div，span，input等等都可以）

 

好了，测试完美通过谷歌和ie，其他的浏览器暂未测试。