html点击复制,html5实现复制粘贴

　　首先我满足了各种百度的这个需求，但是发现基本都是用js实现的，兼容性还是很差的。

　　但是在寻找和尝试的过程中，发现完全可以只用css代码实现。只需将下面几行代码添加到需要复制的标签中。

　　-WebKit-touch-callout:all；-WebKit-用户-选择：全部；-moz-user-select:all；-ms-user-select:all；用户选择：全部；其实就是用户对内容的操作不受限制。你不能不用系统的默认菜单。长按会显示系统自带的复制功能进行复制。

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

　　Clipboard.js是一个功能强大的粘贴复制插件，但是在移动端使用时，会出现兼容性问题。以下是我经常使用的一种解决方案。

　　超文本标记语言

　　input= foo 1 value= 3358 www.shellad.com/_ 2SP _ _ 22(要复制的内容) readonly= readonly div class= the _ BTN _孔/button/divjs= BTN 数据-剪贴板-目标= # foo1

　　$(function(){ var Clipboard=new Clipboard(。BTN’)；//优雅降级：safari版本号=10，表示复制成功；否则，您应该手动选择“复制”来复制剪贴板。on(成功，function (e) {alert(复制成功！))console . log($(this))e . clear selection()；});Clipboard.on (error ，function (e) {alert(请选择“复制”进行复制！) });})注意，我在保存要复制的内容时使用的是输入控件，而不是div或span。因为，在测试中，只有输入的兼容性最好，不会出现问题，可以保证正常复制。同时插件不支持safari版本号10，所以做个提示。

　　总结

　　以上是边肖推出的实现移动复制功能的HTML5。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您。非常感谢您对网站的支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。