uniapp h5复制文字
时间: 2024-09-21 10:09:19 浏览: 51
UniApp是一个基于 Vue.js 的跨平台应用开发框架,它允许开发者编写一次代码,即可在 Web、iOS、Android 等平台上运行。在 UniApp 中,如果你想要让用户复制 H5 页面的文字,可以使用 JavaScript 的 `document.execCommand('copy')` 方法。下面是一个简单的例子:
```javascript
function copyText(text) {
if (window.clipboardApi) { // 如果环境支持clipboard API
clipboardApi.copy(text);
} else if (document.queryCommandSupported && document.queryCommandSupported('copy')) { // 否则兼容老版本浏览器
const input = document.createElement('input');
input.value = text;
document.body.appendChild(input);
input.select();
document.execCommand('copy');
document.body.removeChild(input);
}
}
// 使用示例
const selectedText = document.getElementById('your-text').innerText; // 获取需要复制的文字
copyText(selectedText);
```
在这个例子中,我们首先检查是否有原生的剪贴板API支持,如果有的话直接复制。如果没有,就创建一个临时的 `<input>` 元素,设置其值为要复制的文本,选择内容后再执行 `document.execCommand('copy')`。
阅读全文