说明:
该组件主要实现:点击复制按钮,复制文本的功能。
由于MIP组件也是用原生JS开发,只不过只能使用白名单中的JS API,如需要用到原生JS实现该功能,即使非用于MIP组件,也可用作参考。
效果预览:
点击复制,即可复制框中文本
复制成功
HTML部分:
不多做解释,根据自己需求写即可
JS部分:
在做这个组件之前,网上找了很多兼容ios的实现复制功能的资料,基本上都是加判断的,如果是ios系统就用的document.createRange(),的确是可以实现,问题在于MIP组件document并不允许使用createRange方法啊,不过天无绝人之路,另一个更简便的方法就这么被我找到了,参考于:https://blog.csdn.net/qq_42072346/article/details/90704603
JS代码
MIP组件JS ducument允许使用的属性或方法
结语:
原生JS实现一键复制文本(兼容ios和android),就这么简单的实现了,因为简单,所以没做过多技术上的解释,还在找相关资料的你如果看到这篇文章,希望对你有所帮助。我用着这个组件目前还没发现什么问题,如果有大神能指出有问题就更好了,当然没问题最好。