示例代码1
<html>
<head>
<title>JS复制当前URL</title>
<script type="text/javascript">
copyClipboard=function(txt){
if(window.clipboardData){
window.clipboardData.clearData();
window.clipboardData.setData("Text",txt);
}else if(navigator.userAgent.indexOf("Opera")!=-1){
window.location=txt;
}else if(window.netscape){
try{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}catch(e){
alert("您的firefox安全限制限制您进行剪贴板操作,请打开’about:config’将 signed.applets.codebase_principal_support’设置为true’之后重试,相对路径为firefox根目录 /greprefs/all.js");
return false;
}
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);
}
}
function copyUserHomeToClipBoard(){
var clipBoardContent = document.URL;
var clipBoardTitle = document.title;
if(copyClipboard('ddddddddddddddddddddddddddddddddddddaaaa')!=false){
alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友!\r\n\r\n内容如下:\r\n"+clipBoardTitle+clipBoardContent);
}
}
</script>
</head>
<body>
<div>
<input type="button" value="Copy" onclick="copyUserHomeToClipBoard();"/>
</div>
</body>
</html>
示例代码2
<html>
<head>
<title>JS复制</title>
<script type="text/javascript">
function copyText(id) {
var targetText = document.getElementById(id);
try {
var clipText = targetText.createTextRange();
clipText.execCommand("Copy");
alert('复制成功,可以按Ctrl+V粘贴');
} catch(e) {
targetText.focus();//获得焦点
targetText.select();//选中文本
alert('您的浏览器不支持剪贴板复制,\n请按Ctrl+C复制链接。');
}
}
</script>
</head>
<body>
<div>
<input id="shareUrl" value="http://chenfeng0104.iteye.com" style="width:260px;"/>
<input type="button" value="Copy" onclick="copyText('shareUrl');"/>
</div>
</body>
</html>
分享到:
相关推荐
《使用ZeroClipboard.js实现JavaScript复制功能详解》 在Web开发中,我们经常遇到需要实现文本复制功能的情况,比如用户点击按钮就能将一段文字复制到剪贴板。在浏览器的沙盒环境中,JavaScript不能直接访问系统...
实现移动端JS复制功能的关键在于使用浏览器提供的`Clipboard API`。这个API允许网页程序读取和写入剪贴板内容。以下是一个简单的实现步骤: 1. **创建复制按钮**:首先,我们需要在HTML中创建一个按钮元素,通常会...
针对于js移动端复制功能,iOS手机上不兼容的特殊处理。
然后把在你要使用复制功能的页面中引入Zero Clipboard的js文件:ZeroClipboard.js 如下代码: [removed][removed] 注意:以上 ZeroClipboard.js, ZeroClipboard.swf需要放在同一路径下。如果不在同一路径,可使用...
JavaScript表格复制,js复制表格,JavaScript,js,表格,复制,表格复制
JavaScript复制功能调用实现方案是前端开发中常见的一种需求,主要目的是方便用户快速复制文本内容。在提供的代码示例中,有两种实现方法:逐一判别处理法和Flash间接处理法。 **逐一判别处理法** 这种方法是通过...
在HTML页面中,JavaScript(JS)常用于实现各种交互效果,其中包括一键复制功能。这个功能让用户可以方便地复制页面上的文本,例如代码示例、链接等。本篇将详细介绍如何利用JavaScript实现一键复制功能,并确保它在...
JavaScript(简称JS)是一种广泛用于网页和网络应用的编程语言,尤其在客户端脚本中扮演着重要角色。在网页交互中,用户可能需要复制和粘贴文本,这在许多应用场景中非常常见,如数据输入、内容分享等。`...
在JavaScript的世界里,实现点击复制功能是一个常见的需求,特别是在网页应用中,用户可能需要快速复制一段文本,如链接、代码片段或密码等。ZeroClipboard是一个流行的JavaScript库,它利用浏览器的Flash插件来实现...
在本文中,我们将深入探讨如何使用clipboard.js库来创建一个类似CSDN网站的代码复制功能。clipboard.js是一个轻量级、易于使用的JavaScript库,它允许用户通过简单的API调用实现复制文本到剪贴板的功能。这个功能在...
JavaScript复制功能是前端开发中常见的一种需求,它允许用户通过JavaScript代码来实现文本或数据的复制操作。为了确保复制功能能够在不同浏览器上正常工作,需要使用特定的技巧来处理各个浏览器之间的兼容性问题。在...
1. **实现复制功能**: ```javascript function copyit(textit) { if (window.clipboardData) { // IE 浏览器 window.clipboardData.setData("Text", textit); } else { // 非IE 浏览器 var flashcopier = '...
4. **实现复制功能**:在事件监听器的回调函数中,可以使用`navigator.clipboard.writeText()` API来复制文本。这个API是HTML5 Clipboard API的一部分,允许读写剪贴板内容。但需要注意的是,由于安全原因,此API...
在HTML页面中,JavaScript(JS)常常...通过这种方式,我们实现了HTML中JavaScript的一键复制功能,并确保了在各种浏览器中的兼容性。记得在实际使用中,根据浏览器版本和用户需求,适当地进行错误处理和用户体验优化。
在描述中提到的"js点击实现ctrl+c的复制功能",实际上是指模拟用户按下`Ctrl+C`快捷键的动作,使得用户只需点击一次按钮就能完成复制操作,而无需手动选中并使用键盘快捷键。 实现这一功能的关键在于使用Web API中...
总结一下,通过以上步骤,我们可以利用纯JavaScript实现一个适用于所有浏览器的文本复制功能,并在复制成功后给予用户友好的提示。这个功能对于提升用户体验来说非常有用,尤其在代码分享或需要用户快速复制内容的...
标题中的"js复制插件"是指一个专门用于实现网页文本复制功能的JavaScript库或组件。这种插件通常通过简单的API调用来启用,使得开发者无需深入了解浏览器的剪贴板API,就能轻松地为用户提供复制到剪贴板的功能。描述...
实现复制功能的关键API是`navigator.clipboard.writeText()`,它允许我们将指定的文本写入剪贴板。以下是一个简单的示例,当用户点击按钮时,会将特定的文本复制到剪贴板: ```html <!DOCTYPE html> <title>JS...
- `copy(ob)`: 这个函数用于实现复制功能。 - `cut(ob)`: 该函数用于实现剪切功能。 - `findObj(n, d)`: 该函数用于在DOM中查找指定的元素。 #### 2. 复制功能实现 (`copy(ob)`) `copy(ob)`函数的作用是从指定的...