手机粘贴复制神器！HTML5+CSS搞定，省心又方便

HTML5实现移动端复制功能

手机也能复制东西，这很普遍不是吗？我们平时是用Javascript来弄的，不过有时会遇到兼容性的问题或者使用起来不太舒服。其实，只需要给想复制的东东加个特殊的CSS代码就好！这样的话，无论咋样复制都没问题，甚至连手机里的默认选项都能用，超级方便！

做手机软件时，总想着用户怎么才能玩儿得爽，比如说要复制文字啥的，超简单！只要敲几行CSS代码就搞定了！原来的菜单也能正常用，按住想要复制的东西，原来系统自带的复制功能就能启动了。而且这招超级省事儿，真心建议你试试看。担心兼容性问题的话？别怕！快去试试吧～

-webkit-touch-callout: all;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;

使用clipboard.js实现移动端粘贴复制功能

想要手机复制粘贴更简单就试试看HTML5和CSS，或者用clipboard.js这个超赞的第三方工具也不错。不过要记住虽然这种东西网上挺常见，但在手机上还是得小心点儿，免得出错。

跟你说用Clipboard.js不仅能快速放入想复制的东西，而且更方便，比乱七八糟地放到p或span标签要好多了。为啥这个好使？主要就是因为它在手机上表现很赞！尤其是复制和粘贴这两招儿简直无敌！不过也别忘了看下Safari浏览器能用不，避免跳出奇怪的错误提示。

其他解决方案探索

搞定手机粘贴复制其实还有其他小技巧！例如，用原生的JavaScript和document.execCommand()就能方便地选中、复制或粘贴文字；或者我们也能用触摸感应来模拟长按，从而直接调用系统自带的菜单功能。其实每种方法都有它的优点与不足，关键看你要实现什么效果。总之，找到最适合的那个就行！

复制

总结与展望

读完了这篇文章，你应该已经学会怎么用HTML5和CSS轻松上传图片到手机了。不错，还有咱们刚才提到的clipboard.js 这个神奇工具，用它能干好多事儿！在研发手机应用的时候，方便快捷地传送文本信息很关键，日后肯定会不断推出更厉害、更实用的新功能来改善用户体验，让我们一起期待科技的进步！

希望这篇小短文能让大家更轻松掌握HTML5在手机上的复制粘贴技巧！有什么不懂的地方或建议，别犹豫快告诉我哈。

$(function () {
       var clipboard = new Clipboard('.btn');
       //优雅降级:safari 版本号>=10,提示复制成功;否则提示需在文字选中后，手动选择“拷贝”进行复制
       clipboard.on('success', function(e) {
           alert('复制成功!')
           console.log($(this))
           e.clearSelection();
       });
       clipboard.on('error', function(e) {
           alert('请选择“拷贝”进行复制!')
       });
   })

。