jquery+flash实现点击复制功能（需在服务器上测试有效）

最新推荐文章于 2025-09-03 08:35:26 发布

原创最新推荐文章于 2025-09-03 08:35:26 发布 · 657 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery

div+css 专栏收录该内容

89 篇文章

订阅专栏

本文介绍了一种利用jQuery插件ZClip实现网页元素文本一键复制到剪贴板的方法。通过两个实例展示了如何配置和使用该插件,使得用户只需点击链接即可将指定的URL复制。此功能适用于服务器环境。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击复制到剪切板</title>
<script language="javascript" src="js/jquery.1.6.3.js"></script>
</head>
		
<body>
<input id="test1" type="text" class="form2" value="http://www.iepai.com"  size="50" readonly /> <a id="cp1"  href="javascript:void(0)">点击复制</a><br/>
<input  id="test2"  type="text" class="form2" value="http://sz.iepai.com"  size="50" readonly/>                  
<a id="cp2"  href="javascript:void(0)">点击复制</a>
<script language="javascript" src="js/jquery.zclip.js"></script>
<script>
  $(document).ready(function(){
      $('a#cp1').zclip({
        path:'ZeroClipboard.swf',
        copy:function(){return $('input#test1').val();}
    });
    $('a#cp2').zclip({
        path:'ZeroClipboard.swf',
        copy:function(){return $('input#test2').val();}
    });

});
</script>
</body>
</html>

注：项目必须放在服务器上测试才会看到效果。

下载地址：http://download.youkuaiyun.com/detail/boyit0/8096583