`
hsys
  • 浏览: 290573 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Jquery 实现复制到剪贴板

jQueryFirefoxHTML 
阅读更多
不兼容Firefox 

<html>
<head>
<title>Selector</title>
<script type='text/javascript' src="jquery/jquery-1.3.1.js"></script>
<script type='text/javascript' src="jquery.copy.js"></script>
<script language="javascript">
	$(document).ready(function(){
		 
		$("#copy").click(function(){
			var text = $("#text").val()
			alert(text);
			$.copy(text);
			alert("成功到剪贴板");
		});
		
	});
</script> 

<body>
	<p><b>Values: </b></p> 
	<br>
	<form>
	  <textarea name="name" id="text" rows="5" >hello world</textarea>
	  
	  <input type="button" value="复制" id="copy" />
	  
	</form>	
</body>
</html>
分享到：
| Java Struts2 自定义validation验证
评论
1 楼 远去的渡口 2013-05-09  
我用你的这方法，根本就没有复制到剪切板。。。
jquery.copy.js我试了两个版本的，都不行，我是奇怪你这样写为啥就行呢？？
后来我是换了最原始的方法完成的： 
<script type="text/javascript">
{literal}

$(function() {
        $("#copy").click(function(){
            var text = $("#urlStr").html();
            window.clipboardData.setData('text',text);
            alert("成功到剪贴板");
        });

});



{/literal}
</script>
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery 一键复制指定内容到剪贴板

    以上就是使用jQuery实现一键复制指定内容到剪贴板的基本流程。值得注意的是，这个功能依赖于浏览器的支持，旧版本的浏览器可能不支持剪贴板API，因此在实际应用中需要考虑兼容性问题。此外，为了提升用户体验，可以...

    jquery复制内容到剪切板

    "jquery复制内容到剪切板"这个主题聚焦于如何利用jQuery实现网页上的文本复制功能，使得用户可以方便地将特定内容复制到他们的剪贴板中。在现代Web开发中，这种功能对于提升用户体验至关重要，特别是在需要用户频繁...

    JQUERY复制到剪切板

    clipboard.js 使用纯 JavaScript （无需 Flash）实现了复制浏览器内容到系统剪切板的功能，可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+。

    jquery插件czlip复制到剪切板

    总的来说，`czlip`插件为开发者提供了一个轻量级且易于集成的解决方案，帮助他们快速实现复制到剪切板的功能，提升网页的用户体验。通过合理地运用这个插件，可以为你的项目增加实用性和易用性，同时减少开发时间和...

    jQuery实现复制到粘贴板功能

    jQuery实现复制到粘贴板的功能主要依赖于第三方插件ZeroClipboard。这个插件利用了Flash技术，因为Flash具备与系统剪贴板交互的能力，而JavaScript本身由于安全限制无法直接操作剪贴板。以下将详细介绍如何使用...

    jquery.zclip-JS实现复制到剪贴板功能

    本文将详细介绍如何使用jQuery.zclip库来实现复制到剪贴板的功能。 jQuery.zclip是一款基于jQuery的小巧插件，它通过Flash技术实现了浏览器之间的跨域数据复制，从而帮助开发者轻松地在网页上添加复制功能。由于...

    Jquery-复制到剪切板ZeroClipboard【亲测可用】

    在这个案例中，我们将探讨如何利用JQuery与ZeroClipboard插件相结合，实现一键复制文本到剪切板的功能。 首先，ZeroClipboard是一个开源的JavaScript库，它允许用户模拟浏览器的右键点击复制功能，将指定的文本复制...

    jquery复制到剪切板插件zclip

    `jQuery zclip`是一个实用的JavaScript插件，它允许用户通过简单的API将特定文本或内容复制到计算机的剪贴板。这个插件依赖于`ZeroClipboard`库，该库利用了Flash技术来实现跨浏览器的剪贴板交互。在介绍`jQuery ...

    实现复制到剪贴板功能

    在JavaScript的世界里，复制文本到剪贴板的功能是常见的需求，尤其在网页应用中，比如复制链接、代码或用户信息等。"zclip"是一个专门为此目的设计的jQuery插件，它能帮助开发者轻松实现这一功能，并且具有良好的...

    JQuery兼容性较好的点击复制制定内容到剪贴板的js特效代码.zip

    本文将深入探讨如何使用JQuery实现一个兼容性良好的点击复制指定内容到剪贴板的js特效代码，适用于各种现代和老旧的浏览器环境。 首先，我们需要理解的是，复制内容到剪贴板的操作在Web开发中是一个常见的需求，但...

    jQuery简单实现点击文本框复制内容到剪贴板上的方法

    在这个实例中，我们将探讨如何使用jQuery来实现一个功能，即当用户点击文本框时，自动将文本框中的内容复制到剪贴板上。这个功能在很多网站中都有应用，例如复制链接、代码或重要信息。 首先，我们需要了解浏览器对...

    Clipboard.js-实现复制文本到剪贴板功能的JavaScrip

    clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框，文本域，DIV元素中的文本等文本内容复制到剪贴板中。它不依赖flash，使用非常简单。

    jquery 一个设置 剪切板的插件

    这个jQuery剪切板插件的核心目标就是为用户提供简单易用的API，以便在网页上实现复制到剪切板的功能。从提供的文件列表来看，我们有以下文件： 1. `jquery.copy.examples.html`：这是包含插件使用示例的HTML文件，...

    js jquery复制到剪切板，绝对能用，兼容360 ie 火狐等浏览器

    在JavaScript和jQuery中，将文本复制到剪切板是一项常见的需求，特别是在网页交互和数据分享中。这个"js jquery复制到剪切板"的解决方案针对的是一个关键的问题：跨浏览器的兼容性，确保在360浏览器、Internet ...

    jQuery-zclip最新复制内容到剪贴板

    jQuery-zclip是一个专门为jQuery设计的插件，它的主要功能是帮助用户实现网页内容的便捷复制到剪贴板。在Web开发中，考虑到浏览器的多样性以及跨平台兼容性问题，直接操作剪贴板往往较为复杂。jQuery-zclip的出现，...

    jquery复制到剪贴板（input，textarea）

    本文将深入探讨如何使用jQuery实现文本复制到剪贴板的功能，并且兼容iOS设备，同时涵盖HTML5特性，包括对input、textarea、div和text元素的实例。 首先，jQuery提供了一种简洁的方式来选择和操作DOM元素。例如，...

    js插件zClip实现复制到剪贴板功能

    **JavaScript 插件 zClip 实现复制到剪贴板功能** 在 Web 开发中，有时候我们需要为用户提供方便快捷地复制文本到剪贴板的功能。zClip 是一个 JavaScript 插件，它允许用户通过简单的点击操作就能实现这个需求。...

    jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板

    Zclip是一个基于JavaScript和Flash技术的jQuery插件，它的主要作用是通过模拟鼠标选择和复制行为，让用户只需点击按钮就能将特定的文本内容复制到系统剪贴板。在早期的Web开发中，由于HTML5的Clipboard API在某些...

    jquery 一键复制到剪切板的实例

    然后，我们可以使用 jQuery 编写 JavaScript 代码来实现复制功能。这里主要用到了名为 Clipboard.js 的库，它是一个轻量级的库，专门用于复制文本到剪切板。首先在 HTML 文件中引入 Clipboard.js： ```html ...

    js实现复制到剪贴板功能，兼容所有浏览器

    Zero Clipboard、jQuery ZeroClipboard实现兼容所以浏览器的复制到剪贴板功能(由于用到flash支持，需要兼容的flash10及以下版本)； 浏览demo时记得使用服务器环境，不然看不到效果的~ 搭建服务器环境的，方法有很多...

Magicbox
Global site tag (gtag.js) - Google Analytics