html5+手机端+剪贴板,移动端web 复制到剪贴板 怎么实现？

我最近也遇到类似需求，我用的是： Clipboard.js

Clipboard.js为开发者提供了一个集成了实用的API的多功能轻量级JavaScript库，不依赖Flash

兼容性：

虽然要求Safari版本在10以上，但是作者做了很好的优雅降级：

The good news is that clipboard.js gracefully degrades if you need to support older browsers. All you have to do is show a tooltip saying Copied! when success event is called and Press Ctrl+C to copy when error event is called because the text is already selected.

也就是说，Safari版本是10以上的，可以直接成功复制；如果是版本小于10，可以通过如下代码提示用户手动复制：

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

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

});

Safari版本在10以下的效果：

DEMO：

html

复制

javascript

//init

var clipboard = new Clipboard('.btn');

//优雅降级:safari 版本号>=10,提示复制成功;否则提示需在文字选中后，手动选择“拷贝”进行复制

clipboard.on('success', function(e) {

alert('复制成功!')

e.clearSelection();

});

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

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

});