클립보드 복사 스크립트[ 편집자 : Blueⓘ ]
2009년 11월 19일 오전 11시 58분 태그 : , / 조회수 : 1,901

예전에 썼던 포스팅중 분실되었던 클립보드 복사 스립트의 내용을 다시 올려봅니다.

트랙백 클릭시 자동으로 클립보드 복사해주는 스크립트 만들려다가 보니 Firefox에서는 제대로 작동을 하지 않아 만들어 봤습니다.

Flash의 Clipboard를 이용하여 클립보드에 저장하는 방법입니다. IE+Firefox둘다 잘 작동됩니다. 오페라에서는 작동 않되는거 같군요..

swf파일은 다음 링크에서 다운로드 받으시면 됩니다.
http://www.jeffothy.com/weblog/uploads/clipboard.php

[copy_clipboard.js]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

function copyClipboard(inElement)
{
    if (inElement.createTextRange)
    {
        var range = inElement.createTextRange();
        if (range && BodyLoaded==1)
            range.execCommand('Copy');
    }
    else
    {
        var flashcopier = 'flashcopier';
        if(!document.getElementById(flashcopier))
        {
            var divholder = document.createElement('div');
            divholder.id = flashcopier;
            document.body.appendChild(divholder);                                                                                                                                   
        }
        document.getElementById(flashcopier).innerHTML = '';
        var divinfo = '<embed src="_clipboard.swf" FlashVars="clipboard='+encodeURIComponent(inElement.innerHTML)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
        document.getElementById(flashcopier).innerHTML = divinfo;
    }
    alert('클립보드에 복사되었습니다.');
}

[example.html]

1
2
3
4
5
6
7
8
9

<html>
<head>
    <title>Flash를 이용한 클립보드 복사 예제</title>
</head>
<body>
    <script type='text/javascript' src='copy_clipboard.js'></script>
    <span id="myurl" onclick="copyClipboard(document.getElementById('myurl'));" style="cursor: pointer;">http://www.blueiblog.com</span> - URL을 클릭하시면 클립보드에 복사됩니다.
</body>
</html>
엮인글 주소 : http://www.blueiblog.com/ko/archives/1493/trackback
  • 이 숫자를 스팸 방지키란에 입력하여 주세요.