您的位置：首页 > Web前端 > JavaScript

js如何实现复制粘贴功能

2017-10-20 11:37 344 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>target-input</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- 1. Define some markup -->
<p id="foo">门前大桥下，游过一群鸭</p>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">Copy</button>

<!-- 2. Include library -->
<script src="../dist/clipboard.min.js"></script>

<!-- 3. Instantiate clipboard -->
<script>
var clipboard = new Clipboard('.btn');

clipboard.on('success', function(e) {
console.log(e);
});

clipboard.on('error', function(e) {
console.log(e);
});
</script>
</body>
</html>

点击复制按钮可以复制P标签里面的内容，插件来自：https://clipboardjs.com/里面有demo下载

手机上测试也可以正常复制粘贴

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航