用 javascript 实现的点击复制代码
最常用的代码,不需要多浏览器都兼容,但代码比较简洁,也不用很多的js与flash
function copyToClipboard(txt) { if(window.clipboardData){ window.clipboardData.clearData(); window.clipboardData.setData("Text", txt); alert('复制成功!') }else{ alert('请手动复制!') } }
如果你需要这个兼容多浏览器的js复制代码功能可以参考这篇文章:
https://www.jb51.net/article/76769.htm
<title>标题</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>
function oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copy")
}
</script>
<input onclick="oCopy(this)" value="要copy的内容!">
<script language="javascript">
function CopyUrl(target){
target.value=myimg.value;
target.select();
js=myimg.createTextRange();
js.execCommand("Copy");
}
function AddImg(target){
target.value="[IMG]"+myimg.value+"[/ img]"; (注:[/ img]中/后面有空格请去掉 )
target.select();
js=target.createTextRange();
js.execCommand("Copy");
}
</script>
<input name=myimg type=hidden id=myimg value="https://www.jb51.net" />
<input name=imgurl type=text size=32 value="https://www.jb51.net" />
<input type=button value="点击这里复制本站地址" onclick="CopyUrl(imgurl);" />
<P>如果你喜欢本站,就推荐给你的朋友吧!</P>
<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);}
</script>
以下是代码片段:
<span id="tbid">https://www.jb51.net</span>
[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/>
<span id="tbid2">https://www.jb51.net</span>
[<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/>
相关文章
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
用的浏览器内部转换器实现转换,方法是动态创建一个容器标签元素2009-06-06Bootstrap基本插件学习笔记之Alert警告框(20)
这篇文章主要为大家详细介绍了Bootstrap基本插件学习笔记之ALert警告框的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-12-12web-view内嵌H5与uniapp数据的实时传递解决方案
这篇文章主要介绍了web-view内嵌H5与uniapp数据的实时传递,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-07-07
最新评论