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

本篇内容主要讲解“如何使用JavaScript创建复制和粘贴按钮”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何使用JavaScript创建复制和粘贴按钮”吧!

专注于为中小企业提供成都网站设计、成都做网站、外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业新华免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千多家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

我们常常需要在屏幕上复制一些东西,或者稍后搜索,或者只是保存在某个地方,有了这些,我们就可以创建一个快速函数,用 JavaScript 来复制文本

首先,我们将创建界面,我们将做一些简单的东西,只使用 HTML。

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

在 HTML 结构中,创建了两个输入框,作为要复制和粘贴的文本,我们有两个按钮,用来演示用 JavaScript 复制和粘贴文本的方法。

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

我们用 id =clipboardCopy 向按钮添加一个调用相同名称函数的事件,在这个函数中,我们首先检索输入值,然后移动到剪贴板函数,这个函数中的一个细节是,为了正确工作,必须使用 async 和 await,或者使用 then (),保证能够获取到输入的值[1]。

通过navigator.clipboard.readText()[2]来访问系统剪切板,以读取系统剪切板的内容,待promise的resolve返回值之后赋值于粘贴框中。

就这么简单。

到此,相信大家对“如何使用JavaScript创建复制和粘贴按钮”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


分享文章:如何使用JavaScript创建复制和粘贴按钮
URL分享:http://bzwzjz.com/article/ijsedp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 成都网站建设 网站建设方案 自适应网站建设 网站建设推广 成都网站设计 网站设计公司 营销网站建设 高端网站设计 网站制作公司 重庆手机网站建设 温江网站设计 企业网站设计 专业网站设计 网站建设开发 成都网站建设 LED网站设计方案 移动网站建设 自适应网站设计 成都网站设计公司 移动手机网站制作 成都网站设计