1、实现点击按钮,复制文本框中的的内容

  

  

  

  原理:点击按钮的时候触发copyUrl2函数,根据biao1 ID选中对象,然后在根据execCommand复制选中内容,所以此时选择的内容必须是可视的,也就是说不能是隐藏的文本域。

  2、复制专题地址和 url 地址,传给 QQ/MSN 上的好友

  

  

  

  

  Js复制代码

  

  

  

  

  

  前端开发技术之Javascript 实现复制动作大全分享(图1)

  3、直接复制 url

  

  

  4、点击文本框时,复制文本框里面的内容

  

  

  5、复制文本框或者隐藏域中的内容

  

  6、复制 span 标记中的内容

  

  

  前端开发技术之Javascript 实现复制动作大全分享(图2)

  7、浏览器兼容 copyToClipboard("拷贝内容")

  function copyToClipboard(txt) {

  if (window.clipboardData) {

  window.clipboardData.clearData;

  clipboardData.setData("Text", txt);

  alert("复制成功!");

  } else if (navigator.userAgent.indexOf("Opera") !=-1) {

  window.location=txt;

  } else if (window.netscape) {

  try {

  netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

  } catch (e) {

  alert("被浏览器拒绝!

  请在浏览器地址栏输入'about:config'并回车

  然后将 'signed.applets.codebase_principal_support'设置为'true'");

  }

  var clip=Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);

  if (!clip)

  return;

  var trans=Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);

  if (!trans)

  return;

  trans.addDataFlavor("text/unicode");

  var str=new Object;

  var len=new Object;

  var str=Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);

  var copytext=txt;

  str.data=copytext;

  trans.setTransferData("text/unicode", str, copytext.length * 2);

  var clipid=Components.interfaces.nsIClipboard;

  if (!clip)

  return false;

  clip.setData(trans, null, clipid.kGlobalClipboard);

  alert("复制成功!");

  }

  }

  8、兼容各大浏览器的复制代码

  

  

  Zero Clipboard Test

  

  

  

  

  

  复制