移动端app实现点击按钮复制文本框内容到剪贴板的功能

用了clipboard.js,在移动端浏览器可以,但是在app里面无法实现复制功能

var clipboard = new Clipboard('.link-btn');
clipboard.on('success', function(e) {

    alert('复制成功!')
    e.clearSelection();

});
clipboard.on('error', function(e) {

    alert('请选择“拷贝”或“复制”进行复制!')

});

阅读 6k
3 个回答

剪贴板这个功能的实现,依赖于运行环境的支持。

浏览器环境

如果是浏览器上运行的网站,需要判定是否有document.execCommand方法,再按照楼上的例子执行复制功能。
如果当前浏览器不支持,那就只能提示用户手动复制。

移动应用

如果是混合开发的移动应用,可以与native层交互,通过native层实现此功能。

在app调用native代码

<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>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题