如何解决单击按钮时将不同文本区域的文本复制到剪贴板
我是超级新手-预先感谢!
我正在寻找创建一个javascript按钮,该按钮可以从多个文本区域中选择所有内容,然后在单击按钮时将文本复制到剪贴板。
我试图在一页上共享多个视频嵌入代码,并为用户提供一个按钮,以将嵌入代码复制到剪贴板。
这个来自karoluS的答案很有帮助,但我错过了某些东西,因为页面上有多个文本区域,按钮可以从中选择文本。
Copying text of textarea in clipboard when button is clicked
如果我使用不同的ID,一个按钮可以从不同的文本区域中选择吗?
解决方法
使用您链接的答案背后的想法,我们可以将任何内容复制到剪贴板。通过快速创建自己的文本区域,添加想要选择的值,然后像这样在幕后复制,删除所有文本区域。
function copyToClipboard (value) {
const el = document.createElement('textarea');
el.value = value;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
};
现在,您只需要确定要复制的值以及获取方式即可。例如,如果您有多个文本框,则将它们循环遍历并将其内容添加到一个字符串中,然后在该字符串上调用copyToClipboard
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。