`
cfyme
  • 浏览: 273716 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

跨浏览器JS复制

 
阅读更多

最近在一个后台系统中要实现复制功能,折腾了我一天多,要在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在不同浏览器中复制代码的实现

    标题中的“js在不同浏览器中复制代码的实现”是指JavaScript如何在不同的Web浏览器环境下实现文本复制功能,这在很多网站的代码分享、示例展示中非常常见。在Web开发中,用户经常需要复制代码块,而JavaScript提供了...

    ZeroClipboard跨浏览器复制到剪切板

    标题中的“ZeroClipboard跨浏览器复制到剪切板”是指一个JavaScript库,它的主要功能是允许用户在网页上通过点击按钮或者其他交互方式,实现文本内容复制到计算机的剪切板。这个功能在现代网页应用中非常常见,比如...

    跨浏览器复制到剪切板

    总结来说,实现“跨浏览器复制到剪切板”的功能,开发者可以借助ZeroClipboard库结合JavaScript和jQuery,通过Flash技术绕过浏览器的安全限制。然而,随着Flash的逐渐淘汰,开发者也需要关注新的技术,如Web API中的...

    ZeroClipboard(jquery)实现跨浏览器兼容的“复制到剪切板”功能

    Zero Clipboard一个比较成熟的跨浏览器兼容的“复制到剪切板”功能库,需要放在项目里使用

    跨浏览器复制文本(clipboard和ZeroClipboard使用说明以及js文件)

    在现代Web开发中,跨浏览器的数据交互是必不可少的,其中之一就是复制文本到用户系统的剪贴板。本篇文章将深入探讨两种实现这一功能的JavaScript库——`ZeroClipboard`和`clipboard`,并详细介绍它们的工作原理、...

    跨浏览器 将文字复制到剪粘板

    在Web开发中,"跨浏览器将文字复制到剪粘板"是一个常见的需求,尤其是在交互性较强的应用中。这个功能使得用户能够方便地复制网页上的文本并粘贴到其他地方,如电子邮件、文档编辑器或者其他的Web应用。由于浏览器的...

    Zero Clipboard 利用 Flash 进行复制 跨浏览器兼容

    由于Flash具有访问剪贴板的权限,而JavaScript在某些浏览器中受到安全限制,这种方法可以绕过这些限制,实现跨浏览器的复制功能。 **主要特点** 1. **跨浏览器兼容性**:Zero Clipboard支持各种主流浏览器,包括...

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

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

    兼容各浏览器的JS点击复制2018年

    为了确保跨浏览器兼容性,我们需要处理那些不支持`execCommand`方法的浏览器。对于这些情况,可以使用`navigator.clipboard` API,这是Web Clipboard API的一部分,它在现代浏览器中提供了更标准的剪贴板访问方式。...

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

    总结来说,"js 复制代码 兼容多种浏览器"涉及到了JavaScript的跨浏览器兼容性问题,以及如何利用Flash或现代浏览器的API来实现代码复制功能。在实际开发中,我们需要根据目标用户的浏览器类型和版本来选择合适的实现...

    纯js实现复制文本并提示复制成功(干货)适用所有浏览器

    为了实现跨浏览器的复制功能,我们需要使用一种更通用的方法。 下面是一种兼容性良好的纯JavaScript实现方式: 1. **创建隐藏的textarea元素**:首先,我们需要在DOM中动态创建一个隐藏的`&lt;textarea&gt;`元素。这个...

    falshcopy不同浏览器的复制

    总之,"falshcopy不同浏览器的复制"是一个解决早期Web开发中跨浏览器兼容性问题的技术,它通过Flash或现代的`Clipboard API`实现文本和数据的复制功能。随着技术的发展,如今我们更倾向于使用原生的API来实现这些...

    jquery.zclip.min.js

    《jQuery.zclip.min.js:实现跨浏览器JS复制功能的利器》 在Web开发中,有时我们需要为用户提供复制文本的功能,但JavaScript在不同浏览器中的兼容性问题常常让开发者头疼。为了解决这一难题,jQuery插件`jquery....

    兼容各浏览器的复制内容到剪切板

    1. **跨浏览器兼容性**:在不同的浏览器(如Chrome、Firefox、Safari、Edge和IE)中,复制和粘贴功能的实现方式不尽相同。开发者需要处理这些差异,确保代码在所有主流浏览器上都能正常运行。 2. **JavaScript API*...

    简单实现兼容各大浏览器的js复制内容到剪切板

    这是因为浏览器之间的差异以及安全限制,导致了跨浏览器的复制功能实现困难。 为了解决这个问题,我们可以引入ZeroClipboard库。ZeroClipboard利用了Adobe Flash的技术,它创建了一个不可见的Flash电影元素覆盖在...

    JavaScript 实现完美兼容多浏览器的复制功能代码

    然而,由于不同浏览器对JavaScript的实现细节存在差异,这给实现一个完美兼容多浏览器的复制功能带来了挑战。本篇分享了一个能够兼容包括IE和火狐浏览器在内的多种浏览器的复制功能实现方法。 首先,要实现文本复制...

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

    标题 "兼容所有浏览器的点击复制功能(请在服务器上测试)" 涉及的核心技术是利用jQuery和Flash实现跨浏览器的文本复制功能。在Web开发中,由于浏览器的安全策略和差异,直接通过JavaScript操作剪贴板的功能并不总是...

    ZeroClipboard实现各浏览器的复制功能

    总的来说,ZeroClipboard是一个强大的工具,它解决了跨浏览器的文本复制问题,特别是对于那些还需要支持Flash的旧版浏览器的项目。尽管随着HTML5的发展,原生的剪贴板API逐渐成为新的选择,但ZeroClipboard依然为...

    jquery.zclip控件下载,js粘贴复制功能,Flash插件解决跨浏览器问题!

    1. **跨浏览器支持**:它能兼容大多数主流浏览器,如Chrome、Firefox、Safari、Opera以及Internet Explorer等。这是因为Flash在当时是大多数浏览器都支持的技术,可以作为JavaScript与剪贴板交互的桥梁。 2. **简单...

Global site tag (gtag.js) - Google Analytics