728x90
버튼을 클릭하면 특정 컨텐츠(텍스트 등..)가 클립보드에 복사되는 바닐라 자바스크립트 함수를 공유합니다!
HTML에 자바스크립트 함수를 적용하기
<button id="copybtn" onclick="copyToClipBoard('bjh@unies.com');">복사</button>
copyToClipboard() 는 아래
function copyToClipBoard(val) {
var t = document.createElement("textarea");
document.body.appendChild(t);
t.value = val;
t.select();
document.execCommand('copy');
document.body.removeChild(t);
};전체코드
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<button onclick="copy('복사할내용')">안뇽 이건복사버튼</button>
</body>
</html>
<script>
function copy(val) {
var t = document.createElement("textarea");
document.body.appendChild(t);
t.value = val;
t.select();
document.execCommand('copy');
document.body.removeChild(t);
};
</script>728x90
'자바스크립트' 카테고리의 다른 글
| 마우스의 움직임을 따라가는 요소 만들기 (0) | 2022.09.05 |
|---|---|
| 키보드 입력으로 이벤트 발생하기 [바닐라 자바스크립트] (0) | 2022.09.01 |
| 슬라이드 이미지 만들기 (1) | 2022.06.15 |
| 폼이 제출되기 전, 유효성 검사하기 (0) | 2022.06.13 |
| 클릭으로 html 항목을 화면에 표시 or 숨김 (0) | 2022.03.15 |
댓글