H5文本复制到剪切板

最新推荐文章于 2024-05-26 00:31:34 发布

Cleardwu

最新推荐文章于 2024-05-26 00:31:34 发布

阅读量585

点赞数

分类专栏： HTML5 文章标签： html5 android ios

本文链接：https://blog.csdn.net/weixin_43621959/article/details/125519526

版权

本文介绍如何在H5中实现点击按钮将文本内容复制到剪切板，适用于vue项目。通过选中特定html元素，如input，结合复制功能，用户可以方便地进行文本粘贴操作。

摘要由CSDN通过智能技术生成

文本复制到剪切板

技术栈：vue + h5
scene: 点击购买弹出弹框，复制弹框内容到剪切板。点粘贴可自动填充到输入框

/**
 * 选中 兼容ios与android
 * @param txtBox 文本Dom
 * @param startIndex 起始下标
 * @param endIndex 结束下标
 */
const selectText = (txtBox, startIndex, endIndex) => {
   
  if (txtBox.createTextRange) {
    //ie
    const textRange = txtBox.createTextRange();
    textRange.collapse(true);
    textRange