大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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://dzwzjz.com/article/jhpcdh.html
在线咨询
服务热线
服务热线:028-86922220
TOP