728x90
반응형
텍스트를 복사하는 기능에 대해 알아보겠습니다.
<!DOCTYPE html>
<html>
<head>
<title>Copy Test Page</title>
</head>
<body>
<script>
// 클립보드로 복사하는 기능을 생성
function clipBoard(elementId) {
// 글을 쓸 수 있는 란을 만든다.
var aux = document.createElement("input");
// 지정된 요소의 값을 할당 한다.
aux.setAttribute("value", document.getElementById(elementId).innerHTML);
// body에 추가.
document.body.appendChild(aux);
// 지정된 내용을 강조한다.
aux.select();
// 텍스트를 카피 하는 변수를 생성
document.execCommand("copy");
// body 로 부터 다시 반환 한다.
document.body.removeChild(aux);
//alert(aux.value);
alert("텍스트 복사에 성공 하였습니다.");
}
</script>
<!--복사할 텍스트 만들기-->
<p id="text">안녕하세요. 만나서 반갑습니다.</p>
<input type="button" onclick="clipBoard('text')" value="텍스트 복사하기"/>
<br/><br/>
<input placeholder="ctrl+v로 복사한 텍스트 붙여넣기" type="text" size=30/>
</body>
</html>
안녕하세요. 만나서 반갑습니다.
728x90
반응형
'프로그래밍 > JavaScript' 카테고리의 다른 글
input text 입력창에서 한글/영어 default 값 설정하기 (1) | 2021.04.03 |
---|---|
자바스크립트 window.open 함수 사용법 (1) | 2020.10.18 |
html 정규식 사용하여 text만 가져오기 (1) | 2020.10.11 |
자바스크립트 ContextPath 가져오기 (0) | 2019.09.15 |
자바스크립트 숫자 앞에 0 자동으로 넣기 (0) | 2019.09.14 |