-
一个列表,要实现复制对应url的功能,引用插件clipboard.js,兼容各大主流浏览器
-
示例html代码:
<tr>
<td>大王贷 & QQ空间</td>
<td>pid=9&cid=1</td>
<td>2018-11-30 03:11:05</td>
<td>
<a href="javascript:void(0);" class="copy" id="copy0" url="pid=9&cid=1">复制
</a> |
<a href="product/editUrl/3">编辑</a>
</td>
</tr>
<tr>
<td>大王贷 & QQ空间</td>
<td>pid=9&cid=1</td>
<td>2018-11-30 03:11:05</td>
<td>
<a href="javascript:void(0);" class="copy" id="copy1" url="pid=9&cid=1">复制
</a> |
<a href="product/editUrl/3">编辑</a>
</td>
</tr>
-
示例js代码:
//copy $('.copy').click(function(){ var url = $(this).attr('url'); var id = $(this).attr('id'); var clipboard = new Clipboard('#'+id, { text: function() { return url; } }); clipboard.on('success', function(e) { layer.msg('复制成功'); clipboard.destroy(); //销毁实例,防止多次弹出 }); });
注: clipboard.destroy();缺少这段多次点击时会弹出多次成功提示
clipboard.js源码地址:https://github.com/zenorocha/clipboard.js