2018. 5. 18. 01:35
반응형
복사 버튼을 클릭하여 원하는 html 태그의 텍스트를 복사하는 기능 만들기
아래 버튼을 누르면 복사
다음과 같이 함수를 만들고 원하는 태그의 css 선택자를 입력하면 된다.
id 속성을 이용하면 쉽다.
복사하려는 태그의 display가 block일 경우 다음줄로 커서가 넘어간 상태로 복사된다.
function copyText(selector){ window.getSelection().removeAllRanges(); var text = document.querySelector(selector); var range = document.createRange(); range.selectNode(text); window.getSelection().addRange(range); try{ document.execCommand('copy'); alert("Copied"); }catch(err){ alert("Failed"); } window.getSelection().removeAllRanges(); }
반응형
'dev' 카테고리의 다른 글
[Java/Spring] BCryptPasswordEncoder 암호화 (0) | 2018.05.31 |
---|---|
[JavaScript] 특정 웹페이지에서 원하는 자바스크립트 실행 (0) | 2018.05.31 |
[Spring] 스프링프레임워크 크로스도메인 허용 (0) | 2018.05.25 |
[Spring/JSP] HttpServletRequest 모든 파라미터 출력하기 (2) | 2018.05.18 |
[HTML/jQuery] 간단한 Slick 예제 (세로 자동) (0) | 2018.05.10 |
[Java/Spring] 스프링 메일 보내기 (0) | 2018.05.09 |
[Javascript] Pubnub 채팅 서비스를 이용해 채팅창 구현하기 (0) | 2018.04.22 |
[Linux] 리눅스 서버의 파일 tomcat의 webapps에서 사용하기 (0) | 2018.04.20 |