js实现复制功能(多种方法集合)

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

成都创新互联主要从事网站设计制作、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务抚顺县,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220


用户定义的代码区域

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

Js复制代码

3.直接复制 url

4.点击文本框时，复制文本框里面的内容

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

6.复制 span 标记中的内容

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("被浏览器拒绝！\n请在浏览器地址栏输入'about:config'并回车\n然后将 '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("复制成功！");
      }
    }

js实现但击自动选中文本





自动选择文本框/编辑框中的文字




 
  
   新闻信息修改
  
  
   新闻标题：
   
  
  
   新闻内容：
   今日,据相关方面报道,...

当前最常用的最简洁还是这个，代码少，减少页面加载速度

function copyToClipboard(txt) {  
	if(window.clipboardData){  
		window.clipboardData.clearData();  
		window.clipboardData.setData("Text", txt);
		alert('复制成功！')
	}else{
		alert('请手动复制！')	
	}  
}

到此介绍这么多了，希望大家多多关注，创新互联以前的文章。

名称栏目：js实现复制功能(多种方法集合)
文章位置：http://cdiso.cn/article/jhpcdh.html

新闻信息修改
新闻标题：
新闻内容：	今日,据相关方面报道,...

js实现复制功能(多种方法集合)

其他资讯