투케이2K

124. (javascript/자바스크립트) execCommand 사용해 p 태그 텍스트 복사 수행 실시 본문

JavaScript

124. (javascript/자바스크립트) execCommand 사용해 p 태그 텍스트 복사 수행 실시

투케이2K 2022. 4. 20. 16:15

[개발 환경 설정]

개발 툴 : Edit++

개발 언어 : javascript

 

[소스 코드]

        /* [텍스트 전체 복사 수행] */
        function copyText(){           
            console.log("");
            console.log("[copyText] : [start]");
            console.log("");

            try {
                // [텍스트를 복사할 객체 지정 실시 : P 태그 객체 id 지정]
                var tagID = document.getElementById("scan_content_p");


                // [텍스트 정보를 Range 객체에 저장]
                var range = document.createRange();
                range.selectNode(tagID.childNodes[0]);


                // [select() 함수를 사용해 전체 영역 지정 실시]
                var selectObj = window.getSelection();
                selectObj.removeAllRanges(); // [이전에 선택된 정보가 있다면 먼저, 삭제]
                selectObj.addRange(range); // [텍스트 정보 새로 지정]


                // [execCommand 명령을 통해서 지정된 영역 복사 실시]
                document.execCommand("copy"); // [복사]


                // [선택된 영역 정보 삭제 실시]
                selectObj.removeRange(range);


                // [팝업창 알림 실시]
                alert("로그가 복사 되었습니다.");
            }
            catch (exception) {
                // [팝업창 알림 실시]
                alert("로그가 복사 중 에러가 발생했습니다.");
            }
        };
 

[결과 출력]


반응형
Comments