移动端web 复制到剪贴板 怎么实现?


最近项目中遇到一个需求,是移动端web页面,要实现复制优惠码到剪贴板的功能。如图所示:

clipboard.png

百度和谷歌上面搜了大半天也没找到能够解决在移动端web页面的复制到剪贴板功能。
不过PC端解决倒是不难,有一点问题就是,如果需要考虑兼容,
就需要借助flash(需要安装Flash插件)来实现,所以实际上,在苹果Safari上还是不能够实现。

因此,在移动端页面,想要借助flash实现更不可能了。

我还在想HTML5里面有没有一种剪贴板的api,结果只搜到了一个相关文章, HTML5实战与剖析之剪贴板事件

但是,我根据文章提供的方法,测试,发现还是只能在IE中有效,或许我的方法不对?以下我的测试
https://jsfiddle.net/h52L217f/embedded/result,js,html,css/

通过HTML5的 存储机制 有没有可能实现?
有人遇到过这个问题吗?
求高人解决。。。

移动端web web前端开发 html5 JavaScript

绯弹亚里亚 10 years ago

基本是无通用解的。 可以换个思路,考虑一下复制到剪贴版然后黏贴到哪里使用。 使用的应用环境如果自己是可控的,能否将使用流程改造成不用复制黏贴。 比如生成二维码,又比如发送短信。在移动环境中复制黏贴其实操作很别扭的。

净火的神子 answered 10 years ago

去参见 http://caniuse.com/#search=clipboard 看看兼容性吧

Lenita淋 answered 10 years ago

Your Answer