分享好友 最新动态首页 最新动态分类 切换频道
js实现点击复制功能
2024-12-27 01:11

js实现点击复制功能

一、实现点击按钮,复制文本框中的的内容

<script type="text/javascript">
function copyUrl2()
{
var Url2=document.getElementById("biao1");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好,可贴粘。");
}
</script>
<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />


二、复制专题地址和 url 地址,传给 QQ/MSN 上的好友
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Js复制代码</title>
</head>
<body>
<p>
<input type="button" name="anniu1" onClick='copyToClipBoard()' value="复制专题地址和url地址,传给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>


三、直接复制 url
<input type="button" name="anniu2" onClick='copyUrl()' value="复制URL地址">
<script language="javascript">
function copyUrl()
{
var clipBoardContent=this.location.href;
window.clipboardData.setData("Text",clipBoardContent);
alert("复制成功!");
}
</script>


四、点击文本框时,复制文本框里面的内容
<input οnclick="oCopy(this)" value="你好.要copy的内容!">
<script language="javascript">
function oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copy")
alert("复制成功!");
}
</script>


五、复制文本框或者隐藏域中的内容
<script language="javascript">
function CopyUrl(target){
target.value=myimg.value;
target.select();
js=myimg.createTextRange();
js.execCommand("Copy");
alert("复制成功!");
}
function AddImg(target){
target.value="[IMG]"+myimg.value+"[/ img]";
target.select();
js=target.createTextRange();
js.execCommand("Copy");
alert("复制成功!");
}
</script>


六、复制 span 标记中的内容
<script type="text/javascript">
</script>
<br />
<br />
<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("复制成功!");
}
</script>


七、浏览器兼容  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("被浏览器拒绝! 请在浏览器地址栏输入'about:config'并回车 然后将 '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("复制成功");
   }
  }
最新文章
独立站营销:独立站关键页面优化的5大方法!
一个优质的独立站关键页面可以提高用户对您网站的信任度和满意度,促使他们更有可能进行转化。以下是一些关键的步骤和技巧,可以帮助您进行有效的关键页面优化,下面跟着独立站营销的小编一起来看看吧~1.关键词研究:首先,您需要确定与您
管道巡检大数据分析
一、大数据应用在管道巡检中的意义管道巡检是保障工业管道运行安全和稳定的重要环节。传统的巡检方法主要依靠人工观察、检测仪器等手段,但效率有限且容易出现漏检。而随着大数据技术的发展和应用,管道巡检大数据分析正逐渐成为改善管道巡
管家婆一票一码100正确王中王|智能解答解释落实
  在不同的领域中,通常会有一些特殊的名词用来代指特定的事物或概念。“管家婆一票一码100正确王中王”就是这样一个令人兴奋的短语。它在商业、技术和客户服务等领域内可能有着独特的含义和应用。本文旨在通过智能解答的方式,深入探讨
网站SEO优化与推广,网络公司制胜的关键竞争力
网站SEO优化与推广是网络公司的核心竞争力,它通过提高网站在搜索引擎中的排名,吸引更多潜在客户,增强品牌影响力。有效优化与推广,助力企业实现业务增长,提升市场竞争力。随着互联网的飞速发展,网络公司如雨后春笋般涌现,在激烈的市
拉卡拉pos机刷整数怎么刷
盛付通个人正规POS机价格分析个人领取银联正规POS机的途径综合分析盛付通pos机简介个人正规pos机的价格个人领取银联正规pos机的渠道注意事项盛付通作为一家知名的支付机构,其提供的个人正规POS机深受商户欢迎,关于盛付通个人正规POS机的
苹果手机朝下无法唤醒Siri,这个解决方法你知道吗
Siri对于苹果手机的用户来说是一个非常大的吸引点,能够指挥苹果手机中的Siri去做很多事情,如:放一首歌曲、百度一些知识点、这句话用英语怎么说等等功能。但是,不知道你们有没有发现一般我们苹果手机朝下无法唤
网站在神马搜索显示没有收录怎么回事?怎么做才能达到日收录?
我用爱站工具查询自己网站在神马搜索有多少收录量的时候,会显示没有相关的结果,正常站长都是使用site指令来查询,然后我查询其它大站的时候,也发现跟我是一样的情况,所以大家不用担心,可能这就是神马搜索内部调整的问题,已经禁止通过
途家网民宿app
途家网民宿app,一般又称途家app。
行业人爆料联想p15v和p53哪个好些?区别有吗?三个月感受告知优缺点如何
联想p15v和p53哪个好呢?有啥区别?这两个联想p15v和p53区别不大的哈,我买的是联想(Leovo)ThikPad P15v,货收到了,包装精美,原装正品,给孩子大学四年用,孩子很喜欢。运行速度:孩子用没问题,屏幕效果:很清晰。散热性能:很好。外形
行业关键词搜索量排名:洞察市场趋势,优化营销策略
在现代数字化营销的浪潮下,企业如何准确把握消费者的需求,站在市场的前沿,成为了品牌能否脱颖而出的关键。而关键词搜索量排名,无疑是帮助企业洞察市场趋势,提升品牌曝光率和优化营销策略的一个极其有效的工具。在实际的数字营销中,很
相关文章
推荐文章
发表评论
0评