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实现复制功能(多种方法集合)
本文URL:http://bzwzjz.com/article/jhpcdh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站制作 古蔺网站建设 成都网站制作 营销型网站建设 四川成都网站制作 手机网站制作 营销网站建设 网站制作 成都网站设计 成都定制网站建设 成都网站建设公司 企业网站设计 成都网站建设 专业网站设计 成都网站制作 成都网站设计 成都网站制作 定制网站建设多少钱 响应式网站设计方案 上市集团网站建设 网站建设 四川成都网站设计