Salin pelayar pemalam zeroclipboard kemahiran penggunaan guide

Salin pelayar pemalam zeroclipboard kemahiran penggunaan guide_javascript

WBOY

Lepaskan： 2016-05-16 15:07:54

asal

1075 orang telah melayarinya

Contoh mudah:

<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>

Salin selepas log masuk

Versi 2.2 perlu merujuk jquery, dan anda perlu membiasakan diri untuk menulis kod js di bahagian bawah halaman Selepas ujian, didapati bahawa kod ini tidak menyokong IE10/11 dengan IE, cuma ganti bahagian 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>

Salin selepas log masuk

Akhir sekali, sila ambil perhatian bahawa jangan menjadualkan secara setempat, anda akan mendapati bahawa ia tidak akan berkuat kuasa disebabkan oleh sekatan keselamatan Flash

kod sumber papan sifar: https://github.com/zeroclipboard/zeroclipboard
tapak web rasmi zeroclipboard: zeroclipboard.org