브라우저 복제 플러그인zeroclipboard 사용 안내서

2503 단어
간단한 예:


 
  
  
  
 
 
 
 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();
    });
 



2.2 버전은 jquery를 인용해야 한다. js 코드를 페이지 밑에 습관적으로 써야 한다. 테스트를 통해 이 코드는 IE10/11을 지원하지 않는 것을 발견했다. 다음은 IE를 호환하는function을 제공하고 js 부분을 바꾸면 된다.


    $(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;
    }
  


마지막으로 주의해야 할 것은 로컬에서 스케줄링을 하지 않는 것이다. Flash의 안전 제한 때문에 효력이 발생하지 않을 것이다
zeroclipboard 소스:https://github.com/zeroclipboard/zeroclipboardzeroclipboard 홈페이지:zeroclipboard.org

좋은 웹페이지 즐겨찾기