不兼容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>
分享到:
相关推荐
clipboard.js 使用纯 JavaScript (无需 Flash)实现了复制浏览器内容到系统剪切板的功能,可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+。
jquery.zclip-JS实现复制到剪贴板功能 使用jquery.zclip
主要为大家详细介绍了jquery实现复制到粘贴板功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
主要介绍了jQuery简单实现点击文本框复制内容到剪贴板上的方法,涉及jQuery针对浏览器的判定与剪贴板的读写操作技巧,需要的朋友可以参考下
clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中。它不依赖flash,使用非常简单。
Zero Clipboard、jQuery ZeroClipboard实现兼容所以浏览器的复制到剪贴板功能(由于用到flash支持,需要兼容的flash10及以下版本); 浏览demo时记得使用服务器环境,不然看不到效果的~ 搭建服务器环境的,方法有很多...
jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip插件需要Flash的支持,使用时记得安装Adobe Flash Player。
主要介绍了Zero Clipboard实现浏览器复制到剪贴板的方法,带有多个复制按钮效果,涉及jQuery插件ZeroClipboard.js具体使用步骤与相关技巧,需要的朋友可以参考下
Zero Clipboard一个比较成熟的跨浏览器兼容的“复制到剪切板”功能库,需要放在项目里使用
主要介绍了JQuery zClip插件实现复制到剪贴板功能,并且兼容所有浏览器,大家可以学习借鉴此文章。
因为网站文章需要提供几个按钮,单击后实现复制文章内容到剪贴板。 在网上搜索了很多内容,发现都比较乱这里自己整理下,分享给大家 效果图如下: 之前使用的是window.clipboardData.setData,只能支持IE和火狐。...
两天前听了一个H5的分享,...今年下半年打算在组内建个叫『移动开发指南』的站点,在网站框架搭建过程,有一个功能需要实现复制文本到剪贴板,相信这个功能很常用,但是对于不常写JS代码的我来说是一个比较大的挑战,回
在网站框架搭建过程,有一个功能需要实现复制文本到剪贴板,相信这个功能很常用,但是对于不常写JS代码的我来说是一个比较大的挑战,回想以前做过的一个站点,使用window.clipboardData实现复制到剪贴板功能,...
若想通过js将内容复制到剪贴板,本来不难,可是若考虑到浏览器的兼容性问题,就变的有点麻烦,使用jquery-zclip复制是一个不错的选择,借助flash实现浏览器的兼容。原理就不细讲了,下面说下如何实现。比如我的html...