`
skying8603
  • 浏览: 36857 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论
阅读更多
示例代码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>
分享到:
评论

相关推荐

    移动端js复制功能,点击复制按钮,就可以复制指定的内容

    实现移动端JS复制功能的关键在于使用浏览器提供的`Clipboard API`。这个API允许网页程序读取和写入剪贴板内容。以下是一个简单的实现步骤: 1. **创建复制按钮**:首先,我们需要在HTML中创建一个按钮元素,通常会...

    ZeroClipboard.js实现js复制功能

    《使用ZeroClipboard.js实现JavaScript复制功能详解》 在Web开发中,我们经常遇到需要实现文本复制功能的情况,比如用户点击按钮就能将一段文字复制到剪贴板。在浏览器的沙盒环境中,JavaScript不能直接访问系统...

    js 复制功能,iOS手机上特殊处理

    针对于js移动端复制功能,iOS手机上不兼容的特殊处理。

    JavaScript 复制功能代码 兼容多浏览器(ZeroClipboard)

    然后把在你要使用复制功能的页面中引入Zero Clipboard的js文件:ZeroClipboard.js 如下代码: [removed][removed] 注意:以上 ZeroClipboard.js, ZeroClipboard.swf需要放在同一路径下。如果不在同一路径,可使用...

    js分页,JavaScript表格复制,js复制表格,带搜索功能

    JavaScript表格复制,js复制表格,JavaScript,js,表格,复制,表格复制

    javaScript复制功能调用实现方案

    JavaScript复制功能调用实现方案是前端开发中常见的一种需求,主要目的是方便用户快速复制文本内容。在提供的代码示例中,有两种实现方法:逐一判别处理法和Flash间接处理法。 **逐一判别处理法** 这种方法是通过...

    html中js点击一键复制功能,兼容各大浏览器,非flash版本

    在HTML页面中,JavaScript(JS)常用于实现各种交互效果,其中包括一键复制功能。这个功能让用户可以方便地复制页面上的文本,例如代码示例、链接等。本篇将详细介绍如何利用JavaScript实现一键复制功能,并确保它在...

    js 复制粘贴功能

    JavaScript(简称JS)是一种广泛用于网页和网络应用的编程语言,尤其在客户端脚本中扮演着重要角色。在网页交互中,用户可能需要复制和粘贴文本,这在许多应用场景中非常常见,如数据输入、内容分享等。`...

    JS实现点击复制功能(ZeroClipboard)

    在JavaScript的世界里,实现点击复制功能是一个常见的需求,特别是在网页应用中,用户可能需要快速复制一段文本,如链接、代码片段或密码等。ZeroClipboard是一个流行的JavaScript库,它利用浏览器的Flash插件来实现...

    使用clipboardjs实现仿CSDN代码复制功能

    在本文中,我们将深入探讨如何使用clipboard.js库来创建一个类似CSDN网站的代码复制功能。clipboard.js是一个轻量级、易于使用的JavaScript库,它允许用户通过简单的API调用实现复制文本到剪贴板的功能。这个功能在...

    JavaScript 复制功能代码 兼容多浏览器

    JavaScript复制功能是前端开发中常见的一种需求,它允许用户通过JavaScript代码来实现文本或数据的复制操作。为了确保复制功能能够在不同浏览器上正常工作,需要使用特定的技巧来处理各个浏览器之间的兼容性问题。在...

    用JS实现右键的复制,拈帖和剪切功能

    1. **实现复制功能**: ```javascript function copyit(textit) { if (window.clipboardData) { // IE 浏览器 window.clipboardData.setData("Text", textit); } else { // 非IE 浏览器 var flashcopier = '...

    手机移动端 js复制粘贴

    4. **实现复制功能**:在事件监听器的回调函数中,可以使用`navigator.clipboard.writeText()` API来复制文本。这个API是HTML5 Clipboard API的一部分,允许读写剪贴板内容。但需要注意的是,由于安全原因,此API...

    html中js点击一键复制功能,兼容各大浏览器

    在HTML页面中,JavaScript(JS)常常...通过这种方式,我们实现了HTML中JavaScript的一键复制功能,并确保了在各种浏览器中的兼容性。记得在实际使用中,根据浏览器版本和用户需求,适当地进行错误处理和用户体验优化。

    js点击复制内容

    在描述中提到的"js点击实现ctrl+c的复制功能",实际上是指模拟用户按下`Ctrl+C`快捷键的动作,使得用户只需点击一次按钮就能完成复制操作,而无需手动选中并使用键盘快捷键。 实现这一功能的关键在于使用Web API中...

    纯js实现复制文本并提示复制成功(干货)适用所有浏览器

    总结一下,通过以上步骤,我们可以利用纯JavaScript实现一个适用于所有浏览器的文本复制功能,并在复制成功后给予用户友好的提示。这个功能对于提升用户体验来说非常有用,尤其在代码分享或需要用户快速复制内容的...

    js复制插件-非常好用的一个复制插件

    标题中的"js复制插件"是指一个专门用于实现网页文本复制功能的JavaScript库或组件。这种插件通常通过简单的API调用来启用,使得开发者无需深入了解浏览器的剪贴板API,就能轻松地为用户提供复制到剪贴板的功能。描述...

    js实现复制一段文字的功能

    实现复制功能的关键API是`navigator.clipboard.writeText()`,它允许我们将指定的文本写入剪贴板。以下是一个简单的示例,当用户点击按钮时,会将特定的文本复制到剪贴板: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;JS...

    JavaScript\JS\按钮类\按钮完成复制和剪切功能

    - `copy(ob)`: 这个函数用于实现复制功能。 - `cut(ob)`: 该函数用于实现剪切功能。 - `findObj(n, d)`: 该函数用于在DOM中查找指定的元素。 #### 2. 复制功能实现 (`copy(ob)`) `copy(ob)`函数的作用是从指定的...

Global site tag (gtag.js) - Google Analytics