首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

使用原生 JS 复制文本兼容移动端 iOS & android

注意事项 使用 JS 实现复制功能并不是很难,但是有几个需要注意的地方。 首先文本只有选中才可以复制,所以简单的做法就是创建一个隐藏的 input,然后绑定需要复制的文本。...另外如果将 input 设置为 `type="hidden" 或者 display:none 则无法选中文本,也就无法复制,可以设置 position:absolute;left:-999px; 来隐藏文本域...const copyInput = document.querySelector('#copyInput'); copyInput.value = '需要复制的文本'; copyInput.select..., input.value.length); document.execCommand('Copy'); document.body.removeChild(input); } 移动端禁止键盘弹出...在 iOS 中 input 聚焦的时候会弹起键盘,对于复制操作交互体验很差,可以用以下方式禁止键盘的弹起。

8.7K50
领券