클립보드에 복사하기

 jQuery로 클립보드에 복사하기

---

1. HTML에 복사할 내용과 버튼 그리고 값을 담아둘 input을 생성

<a href="<%=request.getRequestURL()%>?<%=request.getQueryString()%>">
<%=request.getRequestURL()%>?<%=request.getQueryString()%></a>
<button type="button" id="link-copy" class="link-copy"></button>
<input type="hidden" id="link-area" class="link-area"
value="<%=request.getRequestURL()%>?<%=request.getQueryString()%>" >

2. script에 jQuery로 input의 속성을 text로 변환 후 select하고 copy

3. copy되고 나서 input의 속성을 hidden로 변환 후 alert 출력

$("#link-copy").click(function() {
    $("#link-area").attr("type", "text");
    $("#link-area").select();
    var success = document.execCommand("copy");
    $("#link-area").attr("type", "hidden");
    if (success) {
        alert("링크가 복사되었습니다.");
    }
});