웹 사이트에서 검색시 자주 사용되는 값의 경우, 요즘엔 클립보드에 복사하기 기능을 지원하는 경우가 많다. (앱이나 웹이나)


자바스크립트로 간단히 가능한 부분인데... 또!! 까먹을까봐 기록을 해놓으려 한다.


자바스크립트로 임의의 input이나 textarea를 만들어서, 클립보드로 저장 명령어를 날려준다.

document.execCommand('copy'); <- 요놈이 핵심


아래는 풀 소스이다.

function fnCopyToClipboard(str) {
// str이 복사하고자 하는 문자열
  var tempElement = document.createElement("textarea");
  document.body.appendChild(tempElement);
  tempElement.value = str;
  tempElement.select();
  document.execCommand('copy');
  document.body.removeChild(tempElement);
  alert("coopied");
}


예전에도 사용하였었는데... 역시 기억력이란..


fontawesome 아이콘을 이용하여 클립보드에 복사하기를 나타내주면 깔끔!




끝.

+ Recent posts