`

ZeroClipboard实现兼容多浏览器复制

阅读更多
1、下载附件,将ZeroClipboard.js和ZeroClipboard.swf放在同一目录。
2、该功能需放在容器中运行才能生效。
<script type="text/javascript" src="/includes/js/jquery-1.7.2.js"></script>
 <script type="text/javascript" src="/includes/js/ZeroClipboard.js"></script>
 <script language="JavaScript">
	var clipComment = null;	
	$(function(){
		clipComment = new ZeroClipboard.Client();
		clipComment.setHandCursor( true );
		clipComment.addEventListener('mouseOver', my_mouse_over_comment);
		clipComment.addEventListener('complete', my_complete_comment);
		clipComment.glue( 'd_clip_button_comment' );
	});
	
	function my_mouse_over_comment(client) {
		// we can cheat a little here -- update the text on mouse over
		clipComment.setText( $('#copySvnComment').val() );
	}
	
	function my_complete_comment(client, text) {
		commentMark.innerHTML=" Copy successfully!";  
	}
	$(window).resize(function(){
		clipComment.reposition();
	});
</script>
#if ($value)
 <span id="svnComment">$value.toString()</span>  
 <input id = "copySvnComment" type="hidden" value="$value.toString()" />
 <input id="d_clip_button_comment" type="button" value="copy" />
 <span id="commentMark"></span> 
#end
分享到:
评论

相关推荐

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

    描述中的“兼容各个浏览器,使用falsh实现复制功能”进一步强调了ZeroClipboard的核心特性。由于Flash在大多数现代浏览器中都是支持的,ZeroClipboard能够作为一个解决方案来统一不同浏览器间的复制行为。虽然现在...

    ZeroClipboard 元素内容复制-兼容各浏览器

    总的来说,ZeroClipboard是一个高效且实用的JavaScript剪贴板库,通过它,你可以轻松地实现在网页中复制元素内容的功能,同时保证了良好的浏览器兼容性。只需简单的几步配置,就能让这个功能在你的网页上发挥效用,...

    ZeroClipboard实现多复制

    《使用ZeroClipboard实现多复制》 在Web开发中,我们经常遇到需要将页面中的文本内容复制到用户剪贴板的需求。传统的JavaScript无法直接操作剪贴板,为了解决这个问题,第三方库ZeroClipboard应运而生。这篇博文将...

    ZeroClipboard实现js复制

    ZeroClipboard是一款JavaScript库,它允许网页开发者通过模拟浏览器的右键复制功能,实现在网页上复制文本到剪贴板的功能。这款库巧妙地利用了Flash技术来绕过浏览器的安全限制,因为JavaScript直接操作剪贴板在大...

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

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

    使用 ZeroClipboard 实现复制功能

    标题中的“使用 ZeroClipboard 实现复制功能”是指利用 ZeroClipboard 这个JavaScript库来实现在网页上一键复制文本的功能。这个库广泛应用于Web应用中,为用户提供了一个方便的交互方式,模仿了桌面软件中常见的...

    ZeroClipboard 复制与粘贴

    ZeroClipboard 是一个JavaScript库,主要用于实现网页上的跨浏览器复制功能,尤其在处理用户希望复制文本到剪贴板的场景中非常实用。这个库巧妙地利用了Adobe Flash技术,因为Flash在浏览器中的广泛支持,可以绕过...

    ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)

    ZeroClipboard是一款JavaScript库,它允许你在网页上实现跨浏览器的复制功能,特别是支持Firefox、Chrome以及IE6等浏览器。这个库巧妙地利用了Flash技术,因为Flash具备在多个浏览器上一致的复制粘贴功能。当用户...

    ZeroClipboard跨浏览器复制到剪切板

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

    基于ZeroClipboard实现的网站内容复制粘贴JS特效源码.zip

    尽管现代浏览器已经支持更多的API来操作剪贴板,如`Clipboard API`,但ZeroClipboard仍然在某些场景下有用,特别是对旧版浏览器的兼容。 在"基于ZeroClipboard实现的网站内容复制粘贴JS特效源码.zip"中,我们可以...

    js实现复制到剪贴板功能,兼容所有浏览器

    Zero Clipboard、jQuery ZeroClipboard实现兼容所以浏览器的复制到剪贴板功能(由于用到flash支持,需要兼容的flash10及以下版本); 浏览demo时记得使用服务器环境,不然看不到效果的~ 搭建服务器环境的,方法有很多...

    点击复制兼容所有浏览器 ZeroClipboard

    众所周知,js在不同浏览器上解析不太一样,导致很多兼容性问题。 但as只有一个,对浏览器来说是统一标准。 所以想用js写兼容所有浏览器的点击复制绕道吧。 这个demo运行的时候一定要发布到web容器中运行,如部署在...

    JavaScript 复制功能代码 兼容多浏览器(ZeroClipboard)

    Zero Clipboard实现简单跨浏览器复制 var clip = new ZeroClipboard.Client(); // 新建一个对象 clip.setHandCursor( true ); // 设置鼠标为手型 clip.setText("哈哈"); // 设置要复制的文本。 // 注册一个 button,...

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

    `ZeroClipboard`和`clipboard`分别代表了不同时期的跨浏览器复制文本的解决方案。对于新项目,推荐使用`clipboard`,因为它更轻量、更现代且不依赖Flash。但对于需要支持旧版浏览器的项目,`ZeroClipboard`仍是一个...

    zeroclipboard -2.1.6 版本,实现手机浏览器一键复制文本

    总结,zeroclipboard是一个强大的JavaScript库,帮助开发者在Web应用中实现一键复制功能,尤其在2.1.6版本中强化了对手机浏览器的支持。尽管存在对Flash的依赖,但zeroclipboard仍然提供了一种跨平台的解决方案,...

    ZeroClipboard.js实现js复制功能

    《使用ZeroClipboard.js实现JavaScript复制功能详解》 在Web开发中,我们经常遇到需要实现文本复制功能的情况,比如用户点击按钮就能将一段文字复制到剪贴板。在浏览器的沙盒环境中,JavaScript不能直接访问系统...

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

    本文主要介绍如何使用JavaScript配合ZeroClipboard库来实现一个兼容各大浏览器的复制到剪贴板的功能。 首先,我们遇到的问题是`window.clipboardData.setData`方法只能在IE和Firefox中工作,无法在其他如360浏览器...

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

    jQuery插件Zclip就是一个为了解决这个问题而设计的工具,它能够帮助开发者实现在各种浏览器上点击按钮即可轻松复制文本内容的功能,确保了良好的兼容性。 Zclip是一个基于JavaScript和Flash技术的jQuery插件,它的...

Global site tag (gtag.js) - Google Analytics