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

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

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

<textarea name="" id="taokouling" cols="30" rows="6" placeholder="写一些访问内容吧~"></textarea>

<div id="copyCode"  data-clipboard-target="#taokouling" data-clipboard-action="copy">复制</div>
<div class="copyCode2"  data-clipboard-text="复制2" data-clipboard-action="copy">复制2</div>

这里复制为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 直接设置复制文本内容

更多使用可自己研究~~