前言:
如今我们对“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分享功能