`
xh584990686
  • 浏览: 11948 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

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

阅读更多

之前在用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>

 

 

分享到:
评论

相关推荐

    jquery.zclip复制内容到剪贴板兼容各浏览器

    由于JavaScript直接操作剪贴板受到同源策略的限制,而Flash不受此限制,因此jQuery.zclip巧妙地利用Flash来绕过这个限制,实现了跨浏览器的剪贴板复制。 二、工作原理 1. 创建Flash对象:jQuery.zclip首先在页面上...

    js/swf -> 复制文字到剪贴板

    标题“js/swf -&gt; 复制文字到剪贴板”涉及到的是在网页中利用JavaScript和SWF技术实现文本复制到用户剪贴板的功能。在Web开发中,由于浏览器的安全限制,JavaScript直接操作剪贴板的功能受到限制,但通过与Flash(SWF...

    js 复制代码 兼容多种浏览器

    "js 复制代码 兼容多种浏览器"这个主题就聚焦于如何使用JavaScript来实现在不同浏览器上,包括IE、Firefox、Opera和Chrome,都能够稳定地复制文本到剪贴板。 首先,我们了解JavaScript的限制。在早期的浏览器中,...

    js+flash复制文本到剪贴板

    "js+flash复制文本到剪贴板"这个主题涉及到JavaScript和Flash两种技术的结合使用,以实现浏览器环境下的文本复制功能。在早期,由于浏览器安全限制,JavaScript无法直接操作剪贴板,因此需要借助Flash来绕过这些限制...

    js 复制到剪贴板 ,兼容支持火狐firefox 和 ie

    标题 "js 复制到剪贴板 ,兼容支持火狐firefox 和 ie" 涉及的是JavaScript编程中实现文本复制到系统剪贴板的功能,并且这个功能需要在Firefox和IE浏览器上都能正常工作。在Web开发中,允许用户将特定内容复制到剪贴板...

    实现复制到剪贴板功能

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

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

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

    JS、Flash 实现复制功能 (浏览器兼容)

    由于其内建的剪贴板接口,Flash可以实现跨浏览器的复制功能,特别是在那些不支持JavaScript剪贴板操作的浏览器中。以下是一个简单的Flash AS3实现复制的示例: ```actionscript import flash.desktop.Clipboard; ...

    使用clipboard.js实现页面内容复制到剪贴板

    在网页开发中,有时我们需要为用户提供一键复制的功能,比如复制文本、链接或其他数据到剪贴板,以便用户方便地在不同地方使用。Clipboard.js是一个轻量级、无依赖的JavaScript库,专门用于实现这个功能。它使得在...

    js实现剪贴板操作

    jQuery-zclip是一个基于JavaScript和jQuery的库,它允许开发者方便地实现复制文本到剪贴板的功能。该框架利用Flash技术绕过浏览器的安全限制,因为JavaScript原生并不支持直接访问剪贴板。Flash在浏览器中具有更广泛...

    js实现点击后将文字或图片复制到剪贴板的方法

    综上所述,通过JavaScript实现复制文字或图片到剪贴板的功能,可以根据实际的浏览器兼容性需求和项目的技术栈来选择合适的方法。随着浏览器对Web API的支持越来越完善,开发者在实现此类功能时将拥有更多选择。

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

    《使用jQuery.zclip实现JS复制到剪贴板功能详解》 在现代网页开发中,有时候我们需要为用户提供方便快捷地复制文本到剪贴板的功能,比如复制代码、链接等。这时,我们可以利用JavaScript库来实现这一需求,其中...

    clipboard复制当前链接/网址/url ,兼容所有浏览器,移动端也适用

    例如,使用Web API如`navigator.clipboard.writeText()`可以实现复制到剪贴板的功能,但并非所有浏览器都支持。 3. **Flash的替代**: 以前,复制链接功能可能依赖于Adobe Flash,但由于安全和性能问题,Flash逐渐被...

    js实现点击复制当前文本到剪贴板功能(兼容所有浏览器)

    JavaScript 实现点击复制当前文本到剪贴板的功能是前端开发中的常见需求,尤其在构建交互性强的网页应用时。在早期的浏览器环境中,由于安全和兼容性问题,直接操作剪贴板的操作受到限制,比如IE和Firefox仅支持`...

    Flash 完成复制到剪贴板小插件

    本教程将深入探讨如何使用Flash技术实现这一功能,因为JavaScript等常见Web语言在某些浏览器环境下受到安全限制,无法直接操作剪贴板。下面我们将详细讲解Flash完成复制到剪贴板的小插件。 首先,我们需要了解Flash...

    兼容所有浏览器的点击复制功能(请在服务器上测试)

    描述中提到的"jquery+flash实现点击复制到剪切板"是指使用jQuery库来处理DOM元素和事件,同时利用Flash技术作为跨浏览器的剪贴板交互手段。这是因为Flash在早期浏览器中广泛支持,能够提供跨平台的剪贴板API。然而,...

    兼容主流浏览器的JS复制内容到剪贴板

    现在浏览器种类也越来越多,诸如 IE、Firefox、Chrome、Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了。 在FLASH 9 时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案: ...

    ZeroClipboard解决跨浏览器复制到剪贴板的问题

    标题中的“ZeroClipboard解决跨浏览器复制到剪贴板的问题”是指在网页开发中,使用ZeroClipboard这个开源库来实现跨浏览器的文本复制功能。在Web应用程序中,由于浏览器的安全限制,JavaScript无法直接操作用户的...

Global site tag (gtag.js) - Google Analytics