当前位置: 首页 > 科技观察

使用JavaScript创建复制和粘贴按钮

时间:2023-03-17 11:57:15 科技观察

我们经常需要在屏幕上复制一些东西,或者稍后搜索它,或者只是保存在某个地方,有了这些我们可以创建一个快速的函数来复制到JavaScript文本首先,我们将创建界面,我们将做一些简单的事情,只使用HTML。在HTML结构中,创建了两个输入框作为要复制和粘贴的文本,我们有两个按钮来演示使用JavaScript复制和粘贴文本的方法。我们向按钮添加一个事件,id=clipboardCopy调用同名函数,在这个函数中我们首先检索输入值,然后移动到剪贴板函数,这个函数的一个细节是为了正确工作,async和await,或者使用then(),保证可以得到输入值[1]。通过navigator.clipboard.readText()[2]访问系统剪贴板,读取系统剪贴板的内容,在promise的resolve返回值后赋值给粘贴框。就这么简单。参考文献[1]WalterNascimento:https://dev.to/walternascimentobarroso/creating-copy-button-with-js-4763[2]剪贴板:https://developer.mozilla.org/zh-CN/docs/Web/API/导航器/剪贴板