当前位置: 首页 >>JAVASCRIPT >>JS实战技巧 >>点击网页按钮复制指定代码JS源码

点击网页按钮复制指定代码JS源码

时间:2019/12/19 2:59:00 【admin】

通过点击网页页面上的HTML控件按钮来复制指定代码,在网上搜索了几种,觉得比较好,记下以备查询

一、点击复制文本框内容的代码(1)

1、直接在text框中实现:

<input type="text" value="http://www.hdhcms.com" style="width:200px;" onclick="document.getElementById('hdhcmsurl').select(); document.execCommand('Copy'); alert('已复制好,可贴粘。'); " id="hdhcmsurl" />

2、通过函数实现

<script type="text/javascript"> 

    function jsCopy(){ 

        var e=document.getElementById("hdhcms2");//对象是hdhcms2 

        e.select(); //选择对象 

        document.execCommand("Copy"); //执行浏览器复制命令

       alert("已复制好,可贴粘。"); 

    } 

</script> 

<textarea cols="60" name="hdhcms2" rows="2" id="content">www.hdhcms.com</textarea> 

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


二、点击复制文本框内容的代码(2)

<SCRIPT language=JavaScript> 

<!-- 

function MM_goToURL() { //v3.0 

var i, args=MM_goToURL.arguments; document.MM_returnValue = false; 

for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'"); 

function JM_cc(ob){ 

var obj=MM_findObj(ob); if (obj) { 

obj.select();js=obj.createTextRange();js.execCommand("Copy");} 

function MM_findObj(n, d) { //v4.0 

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { 

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} 

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; 

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 

if(!x && document.getElementById) x=document.getElementById(n); return x; 

//--> 

</SCRIPT> 

<FORM action="" method=post name=form1> 

<TEXTAREA cols=60 name=js_1 rows=2 wrap=VIRTUAL>www.yuyanba.com</textarea> 

</form> 

<INPUT name=Button onclick="JM_cc('js_1')" type=button value=复制>


三、点击复制文本框内容的代码(3)

<script> 

function oCopy(obj){ 

obj.select(); 

js=obj.createTextRange(); 

js.execCommand("Copy") 

</script> 

<input onclick="oCopy(this)" value=www.yuyanba.com>


四、点击复制标题和地址的代码

<title>www.yuyanba.com</title> 

<input type="button" name="Submit" onClick='copyToClipBoard()' value="复制本页地址,传给QQ/MSN上的好友"> 

<script language="javascript"> 

   function copyToClipBoard(){ 

    var clipBoardContent=""; 

    clipBoardContent+=document.title; 

    clipBoardContent+=""; 

    clipBoardContent+=this.location.href; 

    window.clipboardData.setData("Text",clipBoardContent); 

    alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友"); 

</script>


五、点击复制网址的代码

<script type="text/javascript"> 

function copyText(obj) 

var rng = document.body.createTextRange(); 

rng.moveToElementText(obj); 

rng.scrollIntoView(); 

rng.select(); 

rng.execCommand("Copy"); 

rng.collapse(false);

alert("复制成功,请粘贴到你的QQ/MSN上发送给你的好友。");   <!--这句根据需要加,可有可无-->

</script> 

以下是代码片段:<br> 

<span id="tbid">http://www.hdhcms.com</span> 

[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br> 

<span id="tbid1">http://www.hdhcms.com</span> 

[<a href="#" onclick="copyText(document.all.tbid1)">点击复制</a>]<br>


相关文章

CopyRight:2007-2018 语言吧 备案ICP:湘ICP备09009000号-15 http://www.yuyanba.com

分享按钮