移动端实现复制到剪贴板

Posted 2020-08-11

    实现复制到剪贴板，用js来实现这个功能，开始的时候只搜索到一个用jquery插件zclip实现的方法，但是这个方法要用的flash，移动端浏览器基本都不支持flash，所以要在移动端实现用这个方法就不灵了。

    最后找到了一个可以实现的方法还比较简单，代码如下：

function Copy(str){
    var save = function(e){
        e.clipboardData.setData(‘text/plain‘, str);
        e.preventDefault();
    }
    document.addEventListener(‘copy‘, save);
    document.execCommand(‘copy‘);
    document.removeEventListener(‘copy‘,save);
    alert(‘复制成功！‘);
}
$(‘#cardList‘).on(‘click‘, ‘div.btn‘, function(){
    Copy($(this).prev(‘div‘).find(‘span.code‘).text());
});