ZeroClipboard 예제

<button id="copy-button" data-clipboard-text="복사할 문자" title="Click to copy me."><img src="./images/sub/share_blog.gif" alt="블로그" /></button>

  $('document').ready(function(){

    var clip = new ZeroClipboard( document.getElementById("copy-button"), {

      moviePath: "/ZeroClipboard.swf"

    } );

    clip.on( 'load', function(client) {

      // alert( "movie is loaded" );

    } );

    clip.on( 'complete', function(client, args) {

      //this.style.display = 'none'; // "this" is the element that was clicked

      //alert("Copied text to clipboard: " + args.text );

      alert('클립보드에 복사하였습니다.')

    } );

    clip.on( 'mouseover', function(client) {

      // alert("mouse over");

    } );

    clip.on( 'mouseout', function(client) {

      // alert("mouse out");

    } );

    clip.on( 'mousedown', function(client) {

      // alert("mouse down");

    } );

    clip.on( 'mouseup', function(client) {

      // alert("mouse up");

    } );

  })

이런 식으로 플래시 버튼을 만들고 클립보드 개체를 만들어서 쓰면 된다.

다른 예제는 이거랑 다르던데 작동을 안 했다.

ZeroClipboard.min.js

ZeroClipboard.swf

ZeroClipboard.swf

0.0MB

ZeroClipboard.min.js

0.01MB