MIP自定义组件:原生JS实现一键复制文本(兼容ios和android)

说明:

该组件主要实现:点击复制按钮,复制文本的功能。

由于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),就这么简单的实现了,因为简单,所以没做过多技术上的解释,还在找相关资料的你如果看到这篇文章,希望对你有所帮助。我用着这个组件目前还没发现什么问题,如果有大神能指出有问题就更好了,当然没问题最好。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。