浏览器复制插件zeroclipboard使用指南

前端之家收集整理的这篇文章主要介绍了浏览器复制插件zeroclipboard使用指南前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一个简单例子:

2.2版本需要引用jquery,要习惯把js代码写到页面底部,经测试,发现此代码不支持IE10/11,以下提供兼容IE的function,替换js部分即可

$(function() { var text="取文本"; var msg="复制成功"; clipboard("btn_copy",text,msg); });
//参数说明
//button:按钮id
//text:要复制的文本
//msg:复制成功<a href="https://www.jb51.cc/tag/tishi/" target="_blank" class="keywords">提示</a>文本
function clipboard(button,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源码: zeroclipboard官网:zeroclipboard.org

原文链接:https://www.f2er.com/js/49545.html

猜你在找的JavaScript相关文章