자바스크립트 div 안의 내용 클립보드 복사하기

      

      

      

    
    

      <javascript />
    
let selection = window.getSelection(); // 선택 영역 변수로 선언
let content = "";
// 선택된 영역이 존재한다면
if (selection.rangeCount > 0) {
    let range = selection.getRangeAt(0); // 선택된 영역 중 첫 번째 영역을 가져옴
    let selectedContent = range.cloneContents(); // 선택된 내용을 복제(clone)하여 새로운 DocumentFragment로 만듦
    let div = document.createElement('div'); // 임시 div 요소를 생성
    div.appendChild(selectedContent); // 복제된 내용을 임시 div 요소에 추가
    content = window.navigator.clipboard.writeText(div.innerHTML); // 드래그된 영역의 HTML 코드를 클립보드에 복사
    div.remove(); // 생성된 임시 div 삭제하기
}
let str = ""; // 클립보드에서 텍스트를 읽어오기 
try { 
    const text = await navig // 클립보드에서 텍스트를 읽어와서 text 변수에 저장 -> promise 객체이기 때문에 try catch 사용
    str = text;
    console.log(str)
} catch (e) {
    
}

 

클립보드란 결국 window에서 사용하는 ctrl+c와 ctrl+v 개념에 속해있는 내용인데, 만약 글꼴이 다르거나 표어같은 

데이터를 복사할 결우에는 그 HTML 코드까지 복사하는 코드이다.