用了clipboard.js,在移动端浏览器可以,但是在app里面无法实现复制功能
var clipboard = new Clipboard('.link-btn');
clipboard.on('success', function(e) {
alert('复制成功!')
e.clearSelection();
});
clipboard.on('error', function(e) {
alert('请选择“拷贝”或“复制”进行复制!')
});
用了clipboard.js,在移动端浏览器可以,但是在app里面无法实现复制功能
var clipboard = new Clipboard('.link-btn');
clipboard.on('success', function(e) {
alert('复制成功!')
e.clearSelection();
});
clipboard.on('error', function(e) {
alert('请选择“拷贝”或“复制”进行复制!')
});
<body>
<input readonly="readonly" class="copy-id text-input" type="text" value="要复制的文本"/>
<button class="copy">复制按钮</button>
</body>
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<script type="text/javascript">
$('.copy').click(function () {
$('.copy-id').select();
document.execCommand("copy",false,null);
})
</script>
10 回答11.7k 阅读
2 回答3.2k 阅读✓ 已解决
3 回答1.7k 阅读✓ 已解决
5 回答803 阅读
4 回答2.2k 阅读✓ 已解决
3 回答1.2k 阅读✓ 已解决
3 回答840 阅读✓ 已解决
剪贴板这个功能的实现,依赖于运行环境的支持。
浏览器环境
如果是浏览器上运行的网站,需要判定是否有
document.execCommand
方法,再按照楼上的例子执行复制功能。如果当前浏览器不支持,那就只能提示用户手动复制。
移动应用
如果是混合开发的移动应用,可以与native层交互,通过native层实现此功能。