再使用clipboard.js做项目时,项目需求是在非input,button等可以点击的标签(span,p,div)上实现点击来复制内容,在PC端和移动端android没问题,但是到了ios毫无反应,就是渣渣,调兼容调了好大一会儿,总算解决了这个bug,现在把方法分享给大家, 其实不算复杂 ...
需求: 点击复制微信号到剪切板 代码: android 中没啥问题 ios 中发现点击无反应 解决方案: ios默认非点击标签没有点击效果,所以给这些标签添加点击相关操作,这样系统可以识别出来了 以后ios中遇见点击无效都可以这样试试. PS: 刚刚发现真机上面操作也不行。 直接把div 换成 button 就行了。。。。。 ...
2019-06-18 10:24 0 949 推荐指数:
再使用clipboard.js做项目时,项目需求是在非input,button等可以点击的标签(span,p,div)上实现点击来复制内容,在PC端和移动端android没问题,但是到了ios毫无反应,就是渣渣,调兼容调了好大一会儿,总算解决了这个bug,现在把方法分享给大家, 其实不算复杂 ...
在需要添加复制事件的元素增加Css样式: cursor: pointer; 要给点击复制的按钮加这个属性才能在移动端好用。 苹果和安卓百分百好用。 ...
这是著名开源项目 clipboard.js 的 README.md,我把它翻译成中文。发出来,方便自己和他人阅读。项目地址:https://github.com/zenorocha/clipboard.js 现代化的“复制到剪切板”插件。不包含 Flash。gzip 压缩后 ...
这是著名开源项目 clipboard.js 的 README.md,我把它翻译成中文。发出来,方便自己和他人阅读。 项目地址:https://github.com/zenorocha/clipboard.js 现代化的“复制到剪切板”插件。不包含 Flash。gzip 压缩 ...
前段时间在做微信h5的时候,遇到了ios兼容,使用clipboard.js插件完美解决 下载地址:下载地址: https://github.com/zenorocha/clipboard.js cnd 引入js : https://cdn.staticfile.org/clipboard.js ...
封装clipboard.js: 只需要增加 clipboard.onClick(event) 这行代码就行了,网上很多办法都写的乱七八糟的。 在vue文件中只需要引入封装好的js文件进行调用就可以了。 ...
Clipboard.js实现文本复制或者剪切到剪切板 引用js文件 使用一 使用二 使用三 ...
官网地址 : 不依赖flash, 不依赖其他框架,gzip压缩后只有3kb大小 在使用 clipboard.js 之前,你可以通过 NPM 或 CDN 的方式来安装它: NPM CDN ...