我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

原生js实现点击按钮复制文本

最近遇到一个需求,需要点击按钮,复制 标签中的文本到剪切板

从网站建设到定制行业解决方案,为提供成都网站设计、成都网站建设服务体系,各种行业企业客户提供网站建设解决方案,助力业务快速发展。创新互联公司将不断加快创新步伐,提供优质的建站服务。

之前做过复制输入框的内容,原以为差不多,结果发现根本行不通

尝试了各种办法,最后使了个障眼法,实现了下面的效果

原生 js 实现点击按钮复制文本

一、原理分析

浏览器提供了 copy 命令 ,可以复制选中的内容

document.execCommand("copy")
如果是输入框,可以通过 select() 方法,选中输入框的文本,然后调用 copy 命令,将文本复制到剪切板

但是 select() 方法只对


复制代码

JS 部分

复制代码

复制代码

亲测,Firefox 48.0,Chrome 60.0,IE 8 都能用

三、一键复制

分享一个自己工作中用到的一键复制方法

复制代码
/**


名称栏目:原生js实现点击按钮复制文本
文章地址:http://shouzuofang.com/article/jccjpi.html

其他资讯