js - 기 존 텍스트 를 클립보드 로 복사

react 프로젝트 는 복사 기능 과 관련 되 어 있 습 니 다. 논 리 는 사용자 가 복사 단 추 를 누 르 면 배경 에서 받 은 데 이 터 를 붙 여 넣 어서 사용자 가 붙 여 넣 을 수 있 도록 하 는 것 입 니 다. 플러그 인 으로 DOM 을 도입 하고 연결 하 는 것 이 번 거 로 울 것 같 으 면 아예 원생 으로 썼 습 니 다. 다음은 실현 방법 입 니 다. 주석 은 이미 쓴 것 이 비교적 명확 하고 직접 가 져 와 서 사용 할 수 있 습 니 다.

  handleCopyDDL = record =>{
    //          
    const copyStr = record.ddl_str
    //   input           
    const oInput = document.createElement('input');
    //      input ，   
    oInput.value = copyStr;
    document.body.appendChild(oInput);
    //      input
    oInput.select();
    //       ，      bool     ，          
    const copyResult = document.execCommand('copy')
    //         Dom      input
    document.body.removeChild(oInput)
    //                   
    if (copyResult) {
      message.success('DDL       ')
    } else {
      message.error('    ')
    }
  }

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

기초 정리 - 1

문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다