React 点击复制按钮,复制浏览器内容,可粘贴到其他地方

发布时间 2023-11-03 11:46:43作者: 飞奔的程序员

效果:

 

 代码:

/**
 * 复制浏览器内容
 * @param templateString 需要复制的内容
 */
export const copyBrowerString = (templateString: string) => {
  const textArea = document.createElement('textarea');

  textArea.value = templateString;
  document.body.appendChild(textArea);
  textArea.select();
  document.execCommand('copy');
  document.body.removeChild(textArea);
  message.success('账户复制成功!');
};



<span onClick={() => item && copyBankInfo(item)}>账号复制</span>

function copyBankInfo(item) {
    item && copyBrowerString(`银行名称:${item.bankName} \n银行账户名称:${item.bankAccount} \n银行账号:${item.bankNum} \n开户行:${item.bankAdress}`);
  }