用javascript语言同时依赖zeroclipboard 帮我写一个web网页的点击按钮复制的功能,
时间: 2023-03-04 20:49:22 浏览: 102
好的,以下是使用 JavaScript 和 ZeroClipboard 实现点击按钮复制文本的示例代码:
首先,在 HTML 中创建一个按钮和一个文本框:
```html
<input type="text" id="copy-text" value="要复制的文本">
<button id="copy-button">复制</button>
```
然后在 JavaScript 中,使用 ZeroClipboard 创建一个复制按钮,并添加复制事件:
```javascript
// 引入 ZeroClipboard
import ZeroClipboard from 'zeroclipboard';
// 获取按钮和文本框元素
const copyButton = document.getElementById('copy-button');
const copyText = document.getElementById('copy-text');
// 创建 ZeroClipboard 实例
const clipboard = new ZeroClipboard(copyButton);
// 添加复制事件
clipboard.on('copy', (event) => {
event.clipboardData.setData('text/plain', copyText.value);
});
```
现在,当用户点击“复制”按钮时,按钮上的文本将被复制到剪贴板中。
注意:使用 ZeroClipboard 时,必须先引入 ZeroClipboard 库文件。此外,也可以通过 npm 安装 ZeroClipboard 模块。
阅读全文