使用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 直接设置复制文本内容
更多使用可自己研究~~
