用JS/FLASH实现复制代码到剪贴板并且兼容所有浏览器

最新推荐文章于 2018-04-30 19:50:03 发布

奋斗的人生XH

最新推荐文章于 2018-04-30 19:50:03 发布

阅读量213

点赞数

分类专栏： java技术文章标签： JS/FLASH 复制代码到剪贴板兼容所有浏览器

本文链接：https://blog.youkuaiyun.com/xh584990686/article/details/84680966

版权

java技术专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript和Flash实现的跨浏览器复制到剪贴板的方法，该方法通过引入ZeroClipboard.js和ZeroClipboard.swf文件实现了良好的浏览器兼容性。

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

之前在用js查找很多点击复制到剪贴板的实现, 都不能很好的兼容不同的浏览器,下面我们用js和flash来实现复制代码到剪贴板兼容所有浏览器的代码如下。

1,　引入js 和flash 文件.

ZeroClipboard.js

ZeroClipboard.swf

2, 实现代码

<!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>代码之家-用JS/FLASH实现复制代码到剪贴板并且兼容所有浏览器</title>
<script type="text/javascript" src="/kindeditor-4.1.10/copy/ZeroClipboard.js"></script>
<script type="text/javascript" src="/lib/js/jquery.js"></script>
</head>
<body>
text: <input type="text" name="text" value="www.58code.cn 文本" id="text"/>
<input type="submit" name="btn_copy" value="复制1" id="btn_submit" />
<script type="text/javascript">
var clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
var text= document.getElementById('text').value;
clip.setText(text);					
clip.glue("btn_submit");
</script>
</body>
</html>