将文字复制到剪粘板 Zero Clipboard 简单使用

最新推荐文章于 2024-08-13 08:19:03 发布

fangzy0112

最新推荐文章于 2024-08-13 08:19:03 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： javascript 复制到剪贴板

本文链接：https://blog.youkuaiyun.com/fangzy0112/article/details/19403169

JS 专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何在网页中使用ZeroClipboard.js库来创建一个按钮，当用户点击该按钮时，可以将指定的文本区域内容复制到剪贴板。通过设置ZeroClipboard.swf文件的路径和绑定元素，实现简单的复制功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需要用到ZeroClipboard.js和ZeroClipboard.swf

http://www.jb51.net/jiaoben/24961.html

<html>
<head>
	<title>Zero Clipboard Test</title>
	<script type="text/javascript" src="ZeroClipboard.js"></script>
	<script language="JavaScript">
		var clip = null;		
		function $(id) { return document.getElementById(id); }		
		function init() {
			ZeroClipboard.setMoviePath('../ZeroClipboard.swf');	//修改ZeroClipboard.swf存放的路径
			clip = new ZeroClipboard.Client();
			clip.setHandCursor( true );							//手形
			clip.setText( $('fe_text').value );				    //设置值，即复制什么值			
			clip.glue( 'd_clip_button' );						//绑定在哪个元素
		}
		
	</script>
</head>
<body onLoad="init()">
	<textarea id="fe_text" onchange="clip.setText(this.value)">copy this text</textarea>
	<input id="d_clip_button" type="button" value="click" onclick=""/>
</body>
</html>

另：ZeroClipboard.js与jquery.js不冲突