zeroclipboard 브라우저 복제 플러그인 사용 기록

3138 단어
간단한 예:
<html>
  <body>
    <button id="copy-button" data-clipboard-text="Copy Me!" title="Click to copy me.">Copy to Clipboard</button>
    <script src="~/Scripts/jquery-1.7.1.js"></script>
    <script src="~/Scripts/ZeroClipboard.js"></script>
  </body>
  <script>

  var client = new ZeroClipboard( $("#copy-button") );
   client.on('ready', function (event) {

            client.on('copy', function (event) {
                event.clipboardData.setData('text/plain', event.target.innerHTML);
                alert(" ");
            });

            client.on('aftercopy', function (event) {
                // , , 
                console.log('Copied text to clipboard: ' + event.data['text/plain']);
            });
        });

        client.on('error', function (event) {
            // 
            // console.log( 'ZeroClipboard error of type "' + event.name + '": ' + event.message );
            ZeroClipboard.destroy();
        });
  </script>
</html>

  
2.2 버전은 jquery를 인용해야 합니다. js 코드를 페이지 밑에 쓰는 습관을 들여야 합니다. 테스트를 통해 이 코드는 IE10/11을 지원하지 않습니다. 다음은 IE를 호환하는function을 제공하고 js 부분을 교체하면 됩니다.
 
 
<script>
        $(function() {
            var text=" ";
            var msg=" ";
            clipboard("btn_copy",text,msg);
        });

        // 
        //button: id
        //text: 
        //msg: 
        function clipboard(button,text,msg) {

            if (window.clipboardData) {        //for ie
                var copyBtn = document.getElementById(button);
                copyBtn.onclick = function () {
                    window.clipboardData.setData('text', text);
                    alert(msg);
                }
            } else {
                var client = new ZeroClipboard($("#" + button));
                client.on('ready', function (event) {

                    client.on('copy', function (event) {
                        event.clipboardData.setData("text/plain", text);
                        alert(msg);
                    });
                });

                client.on('error', function (event) {
                    ZeroClipboard.destroy();
                });
            }
            return false;
        }
    </script>

 
  
마지막으로, 주의해야 할 것은 현지에서 스케줄링하지 않는 것이다. 왜냐하면
Flash 보안 제한 사항
확장 읽기:http://www.365mini.com/page/zeroclipboard-2_x-quick-start.htm
 
zeroclipboard 소스:https://github.com/zeroclipboard/zeroclipboard
zeroclipboard 홈페이지:zeroclipboard.org

좋은 웹페이지 즐겨찾기