最近在一个后台系统中要实现复制功能,折腾了我一天多,要在IE,火狐,谷歌浏览器都能实现复制成功,采取 Zero Clipboard,首先要下载ZeroClipboard.js和ZeroClipboard.swf文件,可以到网上搜索下载,
我是采取在一个层中复制,如图:层的代码<!-- 浮动DIV (提取链接) -->
<div style="display: none; position: absolute; z-index: 0; width:450px; top: 272px; left: 400px;" class="box div-th div-td" id="showLinksInfo">
点击复制按钮是就可以复制到剪切板:代码如下: \
<button type="button" id="btnCopy" onmouseOver="toClipboard(this.id,'input_text')">复制</button>
//复制到剪切板
function toClipboard(copy_id,input_id) {
//这步很重要,设定flash文件引用路径。
ZeroClipboard.setMoviePath('/static/js/report/ZeroClipboard.swf');
var clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
var copyText = document.getElementById('showLinks_info').innerHTML;
clip.setText(copyText);
clip.addEventListener('complete', function (client) {
alert("成功复制到剪切板!");
});
clip.glue(copy_id);
}
参考链接:http://blog.csdn.net/sugang_ximi/article/details/6632743
- 大小: 22.1 KB
分享到:
相关推荐
虽然具体的细节没有给出,但通常这类文章会探讨各种JavaScript库和API,如`document.execCommand()`,以及现代浏览器提供的Clipboard API,用于实现跨浏览器的复制粘贴功能。 标签“源码”和“工具”表明这篇文章...
标题中的“js在不同浏览器中复制代码的实现”是指JavaScript如何在不同的Web浏览器环境下实现文本复制功能,这在很多网站的代码分享、示例展示中非常常见。在Web开发中,用户经常需要复制代码块,而JavaScript提供了...
标题中的“ZeroClipboard跨浏览器复制到剪切板”是指一个JavaScript库,它的主要功能是允许用户在网页上通过点击按钮或者其他交互方式,实现文本内容复制到计算机的剪切板。这个功能在现代网页应用中非常常见,比如...
总结来说,实现“跨浏览器复制到剪切板”的功能,开发者可以借助ZeroClipboard库结合JavaScript和jQuery,通过Flash技术绕过浏览器的安全限制。然而,随着Flash的逐渐淘汰,开发者也需要关注新的技术,如Web API中的...
Zero Clipboard一个比较成熟的跨浏览器兼容的“复制到剪切板”功能库,需要放在项目里使用
在现代Web开发中,跨浏览器的数据交互是必不可少的,其中之一就是复制文本到用户系统的剪贴板。本篇文章将深入探讨两种实现这一功能的JavaScript库——`ZeroClipboard`和`clipboard`,并详细介绍它们的工作原理、...
在Web开发中,"跨浏览器将文字复制到剪粘板"是一个常见的需求,尤其是在交互性较强的应用中。这个功能使得用户能够方便地复制网页上的文本并粘贴到其他地方,如电子邮件、文档编辑器或者其他的Web应用。由于浏览器的...
由于Flash具有访问剪贴板的权限,而JavaScript在某些浏览器中受到安全限制,这种方法可以绕过这些限制,实现跨浏览器的复制功能。 **主要特点** 1. **跨浏览器兼容性**:Zero Clipboard支持各种主流浏览器,包括...
标题中的“ZeroClipboard解决跨浏览器复制到剪贴板的问题”是指在网页开发中,使用ZeroClipboard这个开源库来实现跨浏览器的文本复制功能。在Web应用程序中,由于浏览器的安全限制,JavaScript无法直接操作用户的...
为了确保跨浏览器兼容性,我们需要处理那些不支持`execCommand`方法的浏览器。对于这些情况,可以使用`navigator.clipboard` API,这是Web Clipboard API的一部分,它在现代浏览器中提供了更标准的剪贴板访问方式。...
总结来说,"js 复制代码 兼容多种浏览器"涉及到了JavaScript的跨浏览器兼容性问题,以及如何利用Flash或现代浏览器的API来实现代码复制功能。在实际开发中,我们需要根据目标用户的浏览器类型和版本来选择合适的实现...
为了实现跨浏览器的复制功能,我们需要使用一种更通用的方法。 下面是一种兼容性良好的纯JavaScript实现方式: 1. **创建隐藏的textarea元素**:首先,我们需要在DOM中动态创建一个隐藏的`<textarea>`元素。这个...
总之,"falshcopy不同浏览器的复制"是一个解决早期Web开发中跨浏览器兼容性问题的技术,它通过Flash或现代的`Clipboard API`实现文本和数据的复制功能。随着技术的发展,如今我们更倾向于使用原生的API来实现这些...
《jQuery.zclip.min.js:实现跨浏览器JS复制功能的利器》 在Web开发中,有时我们需要为用户提供复制文本的功能,但JavaScript在不同浏览器中的兼容性问题常常让开发者头疼。为了解决这一难题,jQuery插件`jquery....
1. **跨浏览器兼容性**:在不同的浏览器(如Chrome、Firefox、Safari、Edge和IE)中,复制和粘贴功能的实现方式不尽相同。开发者需要处理这些差异,确保代码在所有主流浏览器上都能正常运行。 2. **JavaScript API*...
这是因为浏览器之间的差异以及安全限制,导致了跨浏览器的复制功能实现困难。 为了解决这个问题,我们可以引入ZeroClipboard库。ZeroClipboard利用了Adobe Flash的技术,它创建了一个不可见的Flash电影元素覆盖在...
然而,由于不同浏览器对JavaScript的实现细节存在差异,这给实现一个完美兼容多浏览器的复制功能带来了挑战。本篇分享了一个能够兼容包括IE和火狐浏览器在内的多种浏览器的复制功能实现方法。 首先,要实现文本复制...
标题 "兼容所有浏览器的点击复制功能(请在服务器上测试)" 涉及的核心技术是利用jQuery和Flash实现跨浏览器的文本复制功能。在Web开发中,由于浏览器的安全策略和差异,直接通过JavaScript操作剪贴板的功能并不总是...
总的来说,ZeroClipboard是一个强大的工具,它解决了跨浏览器的文本复制问题,特别是对于那些还需要支持Flash的旧版浏览器的项目。尽管随着HTML5的发展,原生的剪贴板API逐渐成为新的选择,但ZeroClipboard依然为...
1. **跨浏览器支持**:它能兼容大多数主流浏览器,如Chrome、Firefox、Safari、Opera以及Internet Explorer等。这是因为Flash在当时是大多数浏览器都支持的技术,可以作为JavaScript与剪贴板交互的桥梁。 2. **简单...