html 复制问题。

最新推荐文章于 2024-01-29 10:53:04 发布

amnotsuperior

最新推荐文章于 2024-01-29 10:53:04 发布

阅读量621

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/amnotsuperior/article/details/30089025

如果是 IE浏览器直接调用

function CopyLinkAddress() {

clipboardData.setData("Text", "请复制网址到您的QQ:" + location.href);

alert("复制成功!");

}

</script>

clipboarddata 对象是 IE浏览器私有对象，其他浏览器不支持，现在大多数用

--------------------------------------------------------------------

index.html

<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Zero Clipboard Test</title>
<style type="text/css">
*{padding:0;margin:0;font-size:12px;}
#text{width:200px;height:100px;}
.my_clip_button { width:150px; text-align:center; border:1px solid black; background-color:#ccc; margin:10px; padding:10px; cursor:default; font-size:9pt; }
.my_clip_button.hover { background-color:#eee; }
.my_clip_button.active { background-color:#aaa; }
</style>
</head>
<body>
<div><textarea id="text" >Copy me!</textarea></div>
<div id="d_clip_button" class="my_clip_button">Copy To Clipboard...</div>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<script language="JavaScript">
function $(id) { return document.getElementById(id); }
var copy = {
    clip:null,
    init:function(){
        copy.clip = new ZeroClipboard.Client();
        copy.clip.setHandCursor(true);    
        copy.clip.addEventListener('load', copy.load);
        copy.clip.addEventListener('mouseOver', copy.hover);
        copy.clip.addEventListener('complete', copy.ok);    
        copy.clip.glue( 'd_clip_button' );
    },
    load:function(client){
        alert("Flash movie loaded and ready.");
    },
    hover:function(client){
        copy.clip.setText( $('text').value );
    },
    ok:function(client, text){
        alert("Copied text to clipboard: " + text );
    }
}
copy.init();
</script>
</body>
</html>

zeroclipboard+swf 混合用通用于：firefox+chrome+opera+safari

下载 zeroclipboard+swf 各个版本对应各自的 SWF

本人下的是 zeroclipboard --version: "1.0.7",

剪切功能只能放到服务器上才可用，flash的安全机制。

flash js与html放到同一个文件夹下

感谢：程序员空间

参考： http://zeroclipboard.org/?version=v2.0.2&type=traditional