js调用复制文本内容方法(支持手机 不用flash)

使用clipboard js复制 这里只做简单使用

  • 首先下载 clipboard.min.js
    实例:
    html


复制
复制2

这里复制为ID方法复制textarea输入框内容 复制2 为class 方法为了方便区分js也分开写如下

  var clipboard = new ClipboardJS('#copyCode');

    clipboard.on('success', function(e){

    });
    clipboard.on('error', function(e){
        document.getElementById('copyCode').innerHTML = '复制失败,请长按复制';
    });
    var clipboard2 = new ClipboardJS('.copyCode2');

    clipboard2.on('success', function(e){

    });
    clipboard2.on('error', function(e){
        document.getElementById('copyCode').innerHTML = '复制失败,请长按复制';
    });

new ClipboardJS('#copyCode');为clipboard对象实例化 括号里参数 可以穿 id class 如上 也可以穿数组 根据js 或者 jq 或者相通类或其他的 元素的数组也可以. 里面 data-clipboard-action 属性可以为cut 或者 copy 不过cut属性只能支持 input 和 textarea
data-clipboard-target="#taokouling" 关联元素ID data-clipboard-text 直接设置复制文本内容

更多使用可自己研究~~

你可能感兴趣的:(js调用复制文本内容方法(支持手机 不用flash))