js实现文本点击复制整理
2008-12-21 09:32
447 查看
这个就是简单的javascript脚本的应用,写在这里方便朋友复制吧。
第一种方式(按钮):
<title>按钮式js复制网址</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");
alert("复制成功!");
}
</script>
<input onclick="oCopy(this)" value="要copy的内容!">
第三种方式(代码片段):
<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">http://blog.csdn.net/none01</span>
[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/>
<span id="tbid2">http://blog.csdn.net/none01</span>
[<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/>
第一种方式(按钮):
<title>按钮式js复制网址</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");
alert("复制成功!");
}
</script>
<input onclick="oCopy(this)" value="要copy的内容!">
第三种方式(代码片段):
<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">http://blog.csdn.net/none01</span>
[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/>
<span id="tbid2">http://blog.csdn.net/none01</span>
[<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/>
相关文章推荐
- js实现点击复制当前文本到剪贴板功能(兼容所有浏览器)
- js操作剪贴板,实现点击按钮复制文本功能
- js实现点击按钮复制文本功能
- js实现点击复制按钮复制文本
- 原生 js 实现点击按钮复制文本
- 原生 js 实现点击按钮复制文本
- js实现点击复制当前文本到剪贴板功能(兼容所有浏览器)
- node.js实现复制文本到剪切板的功能
- 【】Clipboard.js – 现代方式实现复制文本到剪贴板
- JS实现点击复制功能(ZeroClipboard)
- clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
- html 复制标签内文本的按钮的 js 实现【学习过程】【浏览器兼容】
- JS简单实现点击复制链接的方法
- js实现点击按钮复制文本框中的内容
- 利用js实现禁止复制文本信息
- JS点击自动复制文本代码
- 用js实现文本点击搜索,文本高亮显示
- JS点击自动复制文本代码
- js实现输入框文本的复制,并且文本框为不可编辑
- clipboard.js 实现 点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持