js ZeroClipboard 拷贝文本到剪贴板

最新推荐文章于 2017-08-20 09:50:19 发布

转载最新推荐文章于 2017-08-20 09:50:19 发布 · 2.4k 阅读

JavaScript 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种在不同浏览器中实现文本复制到剪贴板的方法。对于非IE浏览器，利用ZeroClipboard库解决直接拷贝限制；对于IE浏览器，则通过clipboardData API实现。文章提供了具体的HTML和JavaScript代码示例。

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

简述：

使用ZeroClipboard 在浏览器中需要拷贝文本到剪贴板

非IE浏览器不能直接拷贝，所以使用ZeroClipboard来进行拷贝

代码：

html

<a href="javascript:copyUrl('${content}')" id='J_copy_clipboard_data' title="复制内容">复制</a>

function copyUrl(content){
    // 判断是否是IE
    var isIE = /msie/.test(navigator.userAgent.toLowerCase());
    if(isIE){
	    window.clipboardData.clearData();
		window.clipboardData.setData("text", content);
		alert("复制成功");
    }else{
        ZeroClipboard
				.setMoviePath("${rc.contextPath}/common/static/lib/ZeroClipboard/ZeroClipboard.swf");
		var clip = new ZeroClipboard.Client();
		clip.setHandCursor(true);
		clip.glue('J_copy_clipboard_data');
		clip.addEventListener('mouseDown', function() {
			clip.setText(content);
		});
		clip.addEventListener("complete", function() {
			alert("复制成功");
		});
		$(window).resize(function() {
			clip.reposition(); 
		});
    }
}