注意需要下载
ZeroClipboard下载
ZeroClipboard.js ZeroClipboard.swf ZeroClipboard10.swf
同时把这三个文件放在同一目录,实现跨浏览器复制粘贴
<html>
<head>
<script type="text/javascript" src="js/ZeroClipboard.js"></script>
<script language="JavaScript">
ZeroClipboard.setMoviePath( 'js/ZeroClipboard.swf' ); //和ZeroClipboard.js不在同一目录需设置setMoviePath
ZeroClipboard.setMoviePath( 'js/ZeroClipboard10.swf' );
</script>
</head>
<script language="JavaScript">
function toClipboard(strID,strMsg) {
//strMsg 可以进行处理然后给clip.setText赋值
var clip = new ZeroClipboard.Client();
clip.setHandCursor( true );
clip.setText(strMsg); //粘贴到剪切板上的内容
clip.addEventListener('complete', function (client, text) {
alert("Copy Ok!!"+text);
});
clip.glue(strID);
}
</script>
<body>
<div id="c1" style="position:relative;width:60px;" onmouseOver="toClipboard(this.id,'realcontext11')">
<input type="button" value="copy(11)" style="width:60px;"/>
</div>
<br/>
<div id="c2" style="position:relative;width:60px;" onmouseOver="toClipboard(this.id,'realcontext22')">
<input type="button" value="copy(22)" style="width:60px;"/>
</div>
<br/>
<div id="c3" style="position:relative;width:60px;" onmouseOver="toClipboard(this.id,'realcontext33')">
<input type="button" value="copy(33)" style="width:60px;"/>
</div>
</body>
</html>