开发者社区> 问答> 正文

h5如何获取剪切板内容?

h5能不能通过js或者别的方式获取手机剪切板的内容,兼容Android和ios。

展开
收起
棋seven 2019-03-10 10:45:50 14361 0
5 条回答
写回答
取消 提交回答
  • 使用这个库试试 https://github.com/zenorocha/clipboard.js

    2020-03-30 22:37:07
    赞同 展开评论 打赏
  • 阿里前端弘树,关注 Web 前端技术,折腾过前端工程化、React Native、Hybrid 架构,目前在数据分析与数据可视化的学习道路上

    可以获得,但是需要用户交互行为(比如点击按钮)才可以在回调里获取

    2020-03-30 20:47:28
    赞同 展开评论 打赏
  • 楼主你解决了?能分享一下怎么解决的吗

    2020-03-13 11:07:20
    赞同 展开评论 打赏
  • 补充楼上:如果clipboard不兼容可以看下这里:https://segmentfault.com/q/1010000008464484

    2019-07-17 23:30:32
    赞同 展开评论 打赏
  • 可以使用第三方插件:clipboard.js
    示例如下:

    <input id="testtext" value="即将被复制的文本">
    <button class="btn" data-clipboard-target="#testtext">点击复制</button>
    <script src="https://cdn.bootcss.com/clipboard.js/2.0.1/clipboard.js"></script>
    <script>
        var clipboard = new ClipboardJS('.btn');
        clipboard.on('success', function (e) {
            console.log(e);
        });
        clipboard.on('error', function (e) {
            console.log(e);
        });
    </script>
    2019-07-17 23:30:32
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载