jQuery复制文本到剪切板笔记

ZeroClipboard

TALK IS CHEAP, SHOW ME THE CODE

// 复制文本内容到剪切板
function copyText(obj) {
  if (!obj) {
    return false;
  }
  var text;
  if (typeof(obj) == 'object') {
    if (obj.nodeType) { // DOM node
      obj = $(obj); // to jQuery object
    }
    try {
      text = obj.text();
      if (!text) { // Maybe         text = obj.val();
      }
    } catch (err) { // as JSON
      text = JSON.stringify(obj);
    }
  } else {
    text = obj;
  }
  //var $temp = $('<input>'); // Line feed is not supported
  var $temp = $('<textarea>');
  $('body').append($temp);
  $temp.val(text).select();
  var res = document.execCommand('copy');
  $temp.remove();
  return res;
}
</code></pre> 
 <p>调用示例：</p> 
 <pre><code class="html"><textarea id="taCode" rows="8" style="resize: none">
复制
复制

封装为 jQuery 插件

笔者已完成封装并开源，欢迎移步 GitHub / jquery-copy 了解。

参考

关于 document.execCommand('copy')，可以参考在 StackOverflow 上的讨论：
https://stackoverflow.com/questions/22581345/click-button-copy-to-clipboard-using-jquery