jquery复制文本到剪切板
时间: 2023-11-16 08:05:19 浏览: 92
由于安全问题,浏览器不允许JavaScript直接访问剪贴板。但是可以使用clipboard.js等第三方库实现复制文本到剪贴板的功能。
以下是使用clipboard.js实现复制文本到剪贴板的示例代码:
HTML代码:
```
<button class="btn" data-clipboard-text="复制的文本">复制</button>
```
JavaScript代码:
```
<script src="https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
<script>
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
console.log('复制成功:' + e.text);
e.clearSelection();
});
clipboard.on('error', function(e) {
console.log('复制失败:' + e.text);
});
</script>
```
以上代码中,使用了clipboard.js库来实现复制文本到剪贴板的功能。在HTML代码中,使用了data-clipboard-text属性来指定要复制的文本。在JavaScript代码中,定义了一个ClipboardJS实例,并通过.on()方法监听了复制成功和失败的事件,并在控制台输出相关信息。
阅读全文