如何制作出可以使html文本框中的内容复制的按钮

如何制作出可以使html文本框中的内容复制的按钮,第1张

<textarea readonly rows="31" cols="80" id="registerUrl" onclick=copyinput()>A bird is in the tree</textarea>

<input type="button" value="复制" onclick="copyinput()"/>

<SCRIPT LANGUAGE="JavaScript">
function copyinput()
{
var input=documentgetElementById("registerUrl");//input的ID值
inputselect(); //选择对象
documentexecCommand("Copy"); //执行浏览器复制命令
}
</SCRIPT>

是可以的,静态也是可以的。

查看源代码你可以发现,你需要的是一个表单:

   <div id="loginDIV">    
<form id="fm1" class="fm-v clearfix" action="/cas/loginservice=;

然后遇到了一个问题,验证码如何刷新。

可以发现,验证码通过js访问生成:

<script type="text/javascript">    
$(document)ready(function(){    
var position = $("#topDIV")position();    
var mainDivLeft = positionleft;    
$("#loginDIV")css("left" , mainDivLeft+630);    
$("#helpDIV")css("left" , mainDivLeft+895);    
var date = new Date();    
$("#randpic")attr("src","/getVerificationCodedateTime="+dategetTime())css("cursor" , "pointer");    
$("#randpic")bind("click" , function(){    
var time = new Date()getTime();    
$(this)attr("src","/getVerificationCodedateTime="+time);    
});    
$("#fm1")keyup(function(event){    
var keycode = eventwhich;    
if (keycode == 13) {    
return submitForm();    
}    
});    
});    
function submitForm(){     
var date = new Date();    
var ajax_path = "/getVcodejsptimestamp="+dategetTime();    
var flag = false;    
$get(ajax_path , function(data){    
var ajaxStr = datatoLowerCase();    
ajaxStr = ajaxStrreplace(/\s+/g,"");    
ajaxStr = ajaxStrreplace(/\r\n/g,"");    
ajaxStr = ajaxStrreplace(/<\/+>/g,"");    
var inputStr = $("#vcode")val()toLowerCase();    
var username = $("#username")val();    
var password = $("#password")val();    
if(''==username){    
$("#msg")html("请输入用户名!");    
$("#username")trigger("focus");    
return false;    
}    
if(''==password){    
$("#msg")html("请输入密码!");    
$("#password")trigger("focus");    
return false;    
}    
if(''==inputStr){    
$("#msg")html("请输入验证码!");    
$("#vcode")trigger("focus");    
return false;    
}    
if(ajaxStr==inputStr){    
$("#fm1")submit();    
}else{    
$("#msg")html("验证码错误!");    
$("#vcode")trigger("focus");    
return false;    
}    
});    
}    
</script>

扣除这些代码,放入自己本地的静态页面,保证自己的电脑能上网,就可以了

<script type="text/javascript">
// <![CDATA[
function copy_clip(copy){
if (windowclipboardData){
windowclipboardDatasetData("Text", copy);}
else if (windownetscape){
netscapesecurityPrivilegeManagerenablePrivilege('UniversalXPConnect');
var clip = Componentsclasses['@mozillaorg/widget/clipboard;1']createInstance(ComponentsinterfacesnsIClipboard);
//if (!clip) return;
var trans = Componentsclasses['@mozillaorg/widget/transferable;1']createInstance(ComponentsinterfacesnsITransferable);
//if (!trans) return;
transaddDataFlavor('text/unicode');
var str = new Object();
var len = new Object();
var str = Componentsclasses["@mozillaorg/supports-string;1"]createInstance(ComponentsinterfacesnsISupportsString);
var copytext=copy;
strdata=copytext;
transsetTransferData("text/unicode",str,copytextlength2);
var clipid=ComponentsinterfacesnsIClipboard;
//if (!clip) return false;
clipsetData(trans,null,clipidkGlobalClipboard);}
//return false;
}
// ]]>
</script>上面是js代码调用方法:copy_clip('复制的内容@');


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/13305161.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-08-31
下一篇2025-08-31

发表评论

登录后才能评论

评论列表(0条)

    保存