1.实现点击按钮，复制文本框中的的内容
<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="点击复制代码" />
2.复制专题地址和 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>
3.直接复制 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>
4.点击文本框时，复制文本框里面的内容
<input onclick="oCopy(this)" value="你好.要copy的内容!">
<script language="javascript">
function oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copy")
alert("复制成功!");
}
</script>
5.复制文本框或者隐藏域中的内容
<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>
6.复制 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>
7.浏览器兼容 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("被浏览器拒绝！\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("复制成功！");
}
}
相关推荐
### Javascript 实现复制（Copy）动作方法大全知识点详解 #### 前言 随着互联网的发展，不同的浏览器种类越来越多，包括IE、Firefox、Chrome、Safari等。这使得在不兼容的浏览器之间实现特定功能变得复杂，尤其是像...
在这个场景中，我们将探讨如何利用clipboard.js库实现H5中的点击复制功能。clipboard.js是一个轻量级、易于使用的库，专门用于复制文本到剪贴板，而无需复杂的JavaScript操作。 首先，我们需要理解浏览器的安全限制...
总的来说，实现"JS点击复制剪贴板鼠标点击文字弹出复制链接按钮"的功能需要结合JavaScript、DOM操作、事件监听和浏览器剪贴板API，通过合理的编程逻辑和良好的交互设计，为用户提供便捷的复制链接体验。在实际项目中...
本文将介绍如何利用JavaScript实现点击按钮后，将页面中的文字或图片复制到用户剪贴板中。 首先，需要了解的是，复制到剪贴板的操作通常是敏感操作，出于安全考虑，浏览器对这一行为进行了限制。在不同的浏览器中，...
"兼容各浏览器的JS点击复制2018年"这个主题涉及到的是如何使用JavaScript实现一个功能，使得用户可以通过点击操作来复制文本，同时确保这个功能在不同浏览器上都能正常工作。这一技术在网页应用中非常常见，例如复制...
3.当用户破解网站上禁止复制等功能的时候还可能会影响到网站中其他功能的使用（当网站上的其他功能也是使用JavaScript编写的时候），这时候用户可以通过点击Chrome右上角的Enable Copy 插件来把网站的状态恢复到原始...
在JavaScript（JS）中，实现点击文字后弹出复制链接按钮的功能涉及到多个技术点，包括事件监听、DOM操作以及浏览器的剪贴板API。以下是对这些知识点的详细讲解： 1. **事件监听**： 在JavaScript中，我们可以使用`...
`clipboard.js` 是一个轻量级的JavaScript库，专门用于实现“点击复制”功能，使得用户可以通过简单的点击操作来复制页面上的特定文本。这个库被设计为跨平台的，可以在微信和支付宝的网页环境中运行，尽管它可能在...
综上所述，实现移动端JavaScript点击按钮复制到粘贴的功能，需要结合`document.execCommand()`和`navigator.clipboard` API，同时处理异步操作、权限问题以及浏览器兼容性。提供的`clipboard`文件可能包含了一个完整...
"兼容性强JS点击复制11111"的标题表明我们探讨的是一个关于JavaScript实现的、具有强兼容性的点击复制功能。这种功能允许用户通过简单地点击按钮或链接就能快速复制文本内容，极大地提升了用户体验。 点击复制功能...
"Vue实现点击复制内容"这个话题涉及到的是如何在Vue应用中实现在用户点击按钮后自动复制文本内容，并允许用户将其粘贴到其他地方。这个功能在现代网页应用中非常常见，比如复制验证码、URL或者文本信息等。 首先，...
本文档介绍了五种使用 Javascript 实现复制（Copy）动作的方法，涵盖了复制文本框中的内容、复制专题地址和 URL 地址、复制 URL 地址、点击文本框时复制文本框里的内容、复制文本框或者隐蔽域中的内容等多种场景。...
"点击复制微信+微信号随机调用"这个主题涉及到的是利用JavaScript实现的功能，让用户能够通过点击按钮轻松复制微信ID或其他随机生成的微信号。这种功能在许多社交网络或营销平台中常见，便于用户快速分享或添加新的...
JavaScript点击复制插件通常用于网页中的文本复制功能，如复制代码、链接或其他用户需要快速获取的信息。在给定的场景中，我们关注的是一个基于jQuery的插件——jQuery.zclip，它利用Flash技术来实现跨浏览器的文本...
在HTML页面中，JavaScript（JS）常用于实现各种交互效果，其中包括一键复制功能。这个功能让用户可以方便地复制页面上的文本，例如代码示例、链接等。本篇将详细介绍如何利用JavaScript实现一键复制功能，并确保它在...
<!...<... <head> ...meta charset="UTF-8" />...meta name="viewport" content="width=device-width, initial-... <span>Copy <span>Copy <!-- 2. Include library --> <script src="../dist
在JavaScript编程中，有时我们需要为用户提供一个方便的功能，即能够复制特定的文本内容到剪贴板。这个功能在网页交互中非常常见，比如复制代码示例、分享链接等。本篇文章将详细介绍如何使用纯JavaScript实现这个...
- **问题**：初次点击可能不会触发复制操作，需要连续点击两次才有效。 ##### 第二种方法：使用ClipboardJS库 ClipboardJS是一个轻量级的JavaScript库，专门用于处理复制操作。相较于第一种方法，使用ClipboardJS...
此外，出于安全考虑，`execCommand('copy')`通常需要用户交互（如点击）才能触发。因此，尝试在非用户交互事件中复制文本可能会失败。 总结，Clipboard.js是实现页面内容复制到剪贴板的一个高效工具，它简化了原本...
以下是一个简单的示例，展示了如何实现点击复制文本的功能： ```html <!DOCTYPE html> 点击自动复制 <input type="text" id="text-to-copy" value="这是需要复制的文本"> <button onclick="copyText()">...