<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width">
<meta name="format-detection" content="telephone = no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>复制</title>
<!-- 引入js -->
<script src="http://mzhengyang.10brandcn.com:82/skin/v1/common/js/jquery-3.3.1.min.js"></script>
<!-- 使用复制功能引用的js -->
<script src="js/clipboard.min.js" type="text/javascript"></script>
</head>
<body>
<!-- 需要被复制的文本框 -->
<input type="text" name="" id="foo" value="https://github.com/zeroclipboard/zeroclipboard">
<!-- 复制按钮 -->
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">Copy</button>
</body>
<script type="text/javascript">
// 找到复制按钮
var clipboard = new ClipboardJS('.btn');
//复制成功
clipboard.on('success', function(e) {
console.log(e);
});
//复制失败
clipboard.on('error', function(e) {
console.log(e);
});
</script>
按钮复制文本框内容clipboard.min.js
最新推荐文章于 2024-05-10 16:19:48 发布