网页中的快捷复制按钮实现
有时我们需要实现快捷复制某些信息的功能,例如下图所示:
这时我们可以使用document
的execCommand
来实现这一功能。
代码参考:
const copyKey = val => {
const input = document.createElement('input')
input.setAttribute('readonly', 'readonly')
input.setAttribute('value', val.tenantKey)
document.body.appendChild(input)
input.setSelectionRange(0, 9999)
input.select()
if (document.execCommand) {
document.execCommand('copy')
document.body.removeChild(input)
ElMessage('复制成功')
}
}