ZeroClipboard插件动态绑定ID，实现多个按钮都能跨浏览器复制粘贴

最新推荐文章于 2024-01-08 20:14:17 发布

u012976249

最新推荐文章于 2024-01-08 20:14:17 发布

阅读量954

点赞数

文章标签： javascript ZeroClipboard 插件

本文链接：https://blog.csdn.net/u012976249/article/details/24991759

版权

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>插件</title>

<script src='ZeroClipboard.min.js'></script>
<script>



function setCopyClip(id)
{

clip = new ZeroClipboard.Client(); //初始化对象
ZeroClipboard.setMoviePath("ZeroClipboard.swf");
clip.setHandCursor( true ); //设置手型
var oA = document.getElementById(id);
var code = oA.getAttribute('data-code');
clip.setText(code);
clip.addEventListener('complete', function (client) { //创建监听事件
alert('复制成功!');
});
clip.glue(id); //将flash覆盖至指定ID的DOM上
}

</script>
</head>
<body>
<p class="intro">
券号：BBBzc1234567A473D00051<br>
<a href="javascript:void(0)" class="hdl-copymemcode" id='BBBzc1234567A473D00051' data-code="BBBzc1234567A473D00051">复制券号</a><br><script>setCopyClip('BBBzc1234567A473D00051')</script> 使用状况：还未开始或已过期
</p>

<p class="intro">
券号：AAAzc1234567A473D00051<br>
<a href="javascript:void(0)" class="hdl-copymemcode" id='AAAzc1234567A473D00051' data-code="AAAzc1234567A473D00051">复制券号</a><br><script>setCopyClip('AAAzc1234567A473D00051')</script> 使用状况：还未开始或已过期
</p>
</body>


</html>

u012976249

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ZeroClipboard插件动态绑定ID，实现多个按钮都能跨浏览器复制粘贴

插件 function setCopyClip(id) { clip = new ZeroClipboard.Client(); //初始化对象 ZeroClipboard.setMoviePath("ZeroClipboard
复制链接

扫一扫