js粘贴复制, js动态复制到剪切板,兼容浏览器

最新推荐文章于 2024-08-16 19:02:09 发布

zhongwen808

最新推荐文章于 2024-08-16 19:02:09 发布

阅读量2.2k

点赞数

文章标签：浏览器 button input function javascript div

注意需要下载
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>

zhongwen808

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js粘贴复制, js动态复制到剪切板,兼容浏览器

注意需要下载 ZeroClipboard下载ZeroClipboard.js ZeroClipboard.swf ZeroClipboard10.swf 同时把这三个文件放在同一目录，实现跨浏览器复制粘贴 ZeroClipboard.setMoviePath( 'js/ZeroClipboard.swf' ); //和ZeroClipboard.js不在同一目
复制链接

扫一扫