主站经典论坛家园作品品网维基桌面聚合

经典论坛 » 前台制作与脚本专栏 » 兼容Firefox的点击复制js代码,感谢caiying版主帮助完善!

‹‹ 上一主题 | 下一主题 ››

发新话题

打印

兼容Firefox的点击复制js代码,感谢caiying版主帮助完善!

92css [楼主]

中级会员

帖子: 76
体力: 329
威望: 0
离线: 72 天

专长 市场,推广,媒介

1^# 大中小发表于 2008-5-15 22:10

这是一段点击复制的代码，现在我的页面里不仅有1个链接需要用到这段代码。请哪位好心人指教一下应该怎么用ID对应的方式来改写这段js，使它实现一个点击复制对应1个相应内容

<script type="text/javascript">
function copyCode(obj)
{var testCode=document.getElementById("txtTestCode").value;
if(copy2Clipboard(testCode)!=false)
{alert("生成的代码已经复制到粘贴板，你可以使用Ctrl+V 贴到需要的地方去了哦！  ");}
}
copy2Clipboard=function(txt){if(window.clipboardData){window.clipboardData.clearData();window.clipboardData.setData("Text",txt);}else if(navigator.userAgent.indexOf("Opera")!=-1){window.location=txt;}else if(window.netscape){try{netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");}catch(e){alert("您的firefox安全限制限制您进行剪贴板操作，请打开’about:config’将signed.applets.codebase_principal_support’设置为true’之后重试，相对路径为firefox根目录/greprefs/all.js");return false;}
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);}}
</script>
<a href="#" target="_blank"> [<a href="#" onclick="copyCode();return false;">点击复制</a>]<br>
<textarea rows=2 id="txtTestCode" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">11111</textarea>
<br><br>

提示：您可以先修改部分代码再运行

下面是完善后的版本

<script type="text/javascript">
function copyCode(id){
	var testCode=document.getElementById(id).value;
	if(copy2Clipboard(testCode)!=false){
		alert("生成的代码已经复制到粘贴板，你可以使用Ctrl+V 贴到需要的地方去了哦！  ");
	}
}
copy2Clipboard=function(txt){
	if(window.clipboardData){
		window.clipboardData.clearData();
		window.clipboardData.setData("Text",txt);
	}
	else if(navigator.userAgent.indexOf("Opera")!=-1){
		window.location=txt;
	}
	else if(window.netscape){
		try{
			netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
		}
		catch(e){
			alert("您的firefox安全限制限制您进行剪贴板操作，请打开’about:config’将signed.applets.codebase_principal_support’设置为true’之后重试，相对路径为firefox根目录/greprefs/all.js");
			return false;
		}
		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);
	}
}
</script>
<div>
<a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode1');return false;">点击复制1</a>]<br>
<textarea rows=2 id="txtTestCode1" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容1</textarea>
</div>
<br><br>
<div>
<a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode2');return false;">点击复制2</a>]<br>
<textarea rows=2 id="txtTestCode2" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容2</textarea>
</div>
<br><br>
<div>
<a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode3');return false;">点击复制3</a>]<br>
<textarea rows=2 id="txtTestCode3" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容3</textarea>
</div>
<br><br>

提示：您可以先修改部分代码再运行

[ 本帖最后由 92css 于 2008-5-16 00:23 编辑 ]

TOP

西部数码VPS主机1G内存仅266元

92css [楼主]

中级会员

帖子: 76
体力: 329
威望: 0
离线: 72 天

专长 市场,推广,媒介

2^# 大中小发表于 2008-5-15 22:12

实现下面的效果

点击复制按钮1 ----    复制内容1
点击复制按钮2 ----    复制内容2
点击复制按钮3 ----    复制内容3

TOP

广州周立功诚聘—平面/网页/UI/工业设计师 | 天业互联-酷睿租用599￥

92css [楼主]

中级会员

帖子: 76
体力: 329
威望: 0
离线: 72 天

专长 市场,推广,媒介

3^# 大中小发表于 2008-5-15 23:10

up一下

TOP

认证您的手机，获得手机认证图标

手机认证

，更多手机认证的好处

caiying2007

版主

帖子: 2982
体力: 5717
威望: 10
离线: 133 天

4^# 大中小发表于 2008-5-15 23:19

test:

<script type="text/javascript">
function copyCode(id){
	var testCode=document.getElementById(id).value;
	if(copy2Clipboard(testCode)!=false){
		alert("生成的代码已经复制到粘贴板，你可以使用Ctrl+V 贴到需要的地方去了哦！  ");
	}
}
copy2Clipboard=function(txt){
	if(window.clipboardData){
		window.clipboardData.clearData();
		window.clipboardData.setData("Text",txt);
	}
	else if(navigator.userAgent.indexOf("Opera")!=-1){
		window.location=txt;
	}
	else if(window.netscape){
		try{
			netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
		}
		catch(e){
			alert("您的firefox安全限制限制您进行剪贴板操作，请打开’about:config’将signed.applets.codebase_principal_support’设置为true’之后重试，相对路径为firefox根目录/greprefs/all.js");
			return false;
		}
		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);
	}
}
</script>
<div>
<a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode1');return false;">点击复制1</a>]<br>
<textarea rows=2 id="txtTestCode1" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容1</textarea>
</div>
<br><br>
<div>
<a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode2');return false;">点击复制2</a>]<br>
<textarea rows=2 id="txtTestCode2" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容2</textarea>
</div>
<br><br>
<div>
<a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode3');return false;">点击复制3</a>]<br>
<textarea rows=2 id="txtTestCode3" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容3</textarea>
</div>
<br><br>

提示：您可以先修改部分代码再运行

TOP

用CSS布局建站从零开始 | Photoshop中打造史诗般梦幻场景 | 05年第一次软件行业创业的惨痛教训

92css [楼主]

中级会员

帖子: 76
体力: 329
威望: 0
离线: 72 天

专长 市场,推广,媒介

5^# 大中小发表于 2008-5-16 00:19

引用:

原帖由 caiying2007 于 2008-5-15 23:19 发表
test:
[html]

function copyCode(id){
var testCode=document.getElementById(id).value;
if(copy2Clipboard(testCode)!=false){
alert("生成的代码已经复制到粘贴板，你可以使用Ctrl+V 贴到需要的地方 ...

精彩,几次承蒙caiying版主帮助,不盛感激!

TOP

dsqwei1

Andy88

银牌会员

帖子: 2151
体力: 1018
威望: 0
当前: 北京朝阳区

专长网络

6^# 大中小发表于 2008-5-16 10:44

如果点"不允许",alert的还是"复制成功"...而且再点也无提示了。

Thr's an I in happiness, thr's no Y in happiness

TOP

foxbaty

请叫我狐狸

中级会员

帖子: 108
体力: 214
威望: 1
当前: 北京海淀区
离线: 2 天

专长 网页设计,前端制作,PHP

7^# 大中小发表于 2008-6-30 13:22

兼容Firefox的点击复制js代码

好像有点bug。。。

TOP

tantaiyizu

痴情客

高级会员

帖子: 475
体力: 889
威望: 0
当前: 北京西城区
离线: 1 天

专长 UI,前端制作,编辑

8^# 大中小发表于 2009-4-26 23:19

http://www.scriptlover.com/post/257

http://www.scriptlover.com

TOP

‹‹ 上一主题 | 下一主题 ››

发新话题