Clipboard 이용해서 Url를 복사해보자.

요즘 페이지들을 보면

기본적으로 카카오톡 / Facebook / 트위터 / Url 공유는 필수로 지원하고 있다.

그래서 Url 공유하는 방법을 소개해보려 한다.

어렵지 않다. Clipboard 라는 것을 이용하면 된다.

아래 Url을 들어가,

Clipboard를 이용할 수 있게끔 js 파일을 다운로드 받는다.

이때, min 파일도 제공해주는데

웬만하면 min파일을 이용하자.

https://clipboardjs.com/

그리고 아래 코드를 사용하면

쉽게 Url을 복사할 수 있는 코드가 만들어졌다.

사용자들을 배려해서

이렇게 좋은 기능들은 꼭 넣어주자!

try {
    // Clipboard 객체를 설정해준다.
    var clipboard = new Clipboard("Url 버튼을 눌렀을때 Selector를 넣어준다", {
        "text": function () {
            return "복사할 Url값을 넣어준다";
        }
    });
 
    // Clipboard에서 지원해 event 를 걸어줍니다.
    // 저는 성공/실패일때만 alert으로 유저들이 알 수 있게끔 event를 설정해두었습니다.
    clipboard.on("success", function (e) {
        alert("주소가 복사되었습니다.");
    });
    clipboard.on('error', function (e) {
        alert("지원하지 않는 브라우저입니다.");
    });
} catch (e) {
    console.log(e)
}