龙空技术网

js模仿百度分享链接的复制功能

爱源码 434

前言:

如今我们对“jszeroclipboard”都比较关心,看官们都需要了解一些“jszeroclipboard”的相关内容。那么小编也在网络上搜集了一些对于“jszeroclipboard””的相关内容,希望兄弟们能喜欢,姐妹们快快来了解一下吧!

今天给大家介绍一个好用的js复制插件ZeroClipboard,可以跨浏览器复制,模仿百度网盘分享链接复制功能,样式就懒得详细写了。

demo包可以去截图上的地址下载(或代码部分的input框).

将插件加载到页面<script type="text/javascript" src="ZeroClipboard.js"></script>

<body>

链接:<input type="text" id="url" value="" /> 密码:<input type="text" id="pwd" value="poej" />

<input id="copy_button" type="button" value="复制" onmouseOver="toClipboard(this.id,'url','pwd')" />

<script language="JavaScript">

function $(id) { return document.getElementById(id);}

function toClipboard(copy_id,url,pwd) {

var clip = new ZeroClipboard.Client();

clip.setHandCursor(true);

var url = $(url).value; var pwd = $(pwd).value;

var res = '链接:'+url+' 密码:'+pwd;

clip.setText(res);

clip.addEventListener('complete', function (client) {

alert("复制成功!可以粘贴了");

});

clip.glue(copy_id);

}

</script>

</body>

标签: #jszeroclipboard #js爱分享 #js分享功能