ASP.NETJS实现复制功能的方法（总结）
本篇文章给大家介绍一些Javascript实现复制功能的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家...
二、复制专题地址和 url 地址，传给 QQ/MSN 上的好友
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <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
<html> <head> <title>Zero Clipboard Test</title> <script type="text/javascript" src=https://www.ym97.com/"ZeroClipboard.js"></script> <script language="JavaScript"> var clip = null; function $(id) { return document.getElementById(id); } function init() { clip = new ZeroClipboard.Client(); clip.setHandCursor(true); clip.addEventListener('mouseOver', function (client) { // update the text on mouse over clip.setText( $('fe_text').value ); }); clip.addEventListener('complete', function (client, text) { //debugstr("Copied text to clipboard: " + text ); alert("该地址已经复制，你可以使用Ctrl+V 粘贴。"); }); clip.glue('clip_button', 'clip_container' ); } </script> </head> <body onLoad="init()"> <input id="fe_text" cols=50 rows=5 value=复制内容文本1 > <span id="clip_container"><span id="clip_button"><b>复制</b></span></span> </body> </html>更多编程相关知识，请访问：编程视频！！
以上就是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="点击复制代码" />原理：点击按钮的时候触发copyUrl2函数，根据biao1 ID选中对象，然后在根据execCommand复制选中内容，所以此时选择的内容必须是可视的，也就是说不能是隐藏的文本域。
一、实现点击按钮，复制文本框中的的内容
<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 标记中的内容
<input onclick="oCopy(this)" value="你好.要copy的内容!"> <script language="javascript"> function oCopy(obj){ obj.select(); js=obj.createTextRange(); js.execCommand("Copy") alert("复制成功!"); } </script>五、复制文本框或者隐藏域中的内容
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("被浏览器拒绝！\n请在浏览器地址栏输入'about:config'并回车\n然后将 '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("复制成功！"); } }八、兼容各大浏览器的复制代码（结合ZeroClipboard.js）
<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>四、点击文本框时，复制文本框里面的内容
本篇文章给大家介绍一些Javascript实现复制功能的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。Javascript 实现复制功能的方法
<script type="text/javascript"></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("复制成功!"); } </script>七、浏览器兼容 copyToClipboard("拷贝内容")
本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！
本文地址: https://www.juheyunku.com/jiaob/javascript/4616.shtml
上一篇：jquery如何判断滚动条是否
相关文章
热门TAG
服务器 命令 技巧 详解 调用 标签 功能 织梦 javascript dedecms修改内容 织梦教程 php 白帽 企业网站 外链 权重 MYSQL 网站流量 实例解析 JSP 网站收录 搜索引擎 蜘蛛 windows jquery jquery教程 python tags标签 HTML 织梦cms最新文章
-
Javascript是什么？
时间：2021-01-04
-
Canvas入门实战之实现一个
时间：2021-01-04
-
11月份GitHub上最热门的Ja
时间：2021-01-04
-
一篇带给你JavaScript的Cla
时间：2021-01-04
-
详解js异步文件加载器
时间：2021-01-04
-
深入理解JavaScript中的箭头
时间：2021-01-04
-
复盘Node项目中遇到的13+常
时间：2021-01-04
-
连续3年稳居第一，全球
时间：2021-01-04
热门文章
-
连续3年稳居第一，全球1240万用户，Java
时间：2021-01-04
-
一篇带给你JavaScript的Class语法介绍
时间：2021-01-04
-
深入理解JavaScript中的箭头函数
时间：2021-01-04
-
Javascript在Chrome浏览器中调试的七个步骤
时间：2021-01-04
-
Canvas入门实战之实现一个图形验证码
时间：2021-01-04
-
详解js异步文件加载器
时间：2021-01-04
-
复盘Node项目中遇到的13+常见问题和解决方
时间：2021-01-04
-
11月份GitHub上最热门的JavaScript开源项目
时间：2021-01-04
-
Javascript是什么？
时间：2021-01-04