JS 实现复制一个或多个内容到剪贴板

JS 实现复制一个或多个内容到剪贴板

2024-12-26 20:40

需要实现的功能：点击button，复制如下值到剪贴板，

常用的方法是：document.execCommand('copy')

用这个方法有三点需要注意否则将会失效

1、input框不能有disabled属性
2、根据第一条扩展，input的width || height 不能为0；
3、input框不能有hidden属性

普通的复制功能到这里就结束了

但是需求上要将两个input框中的值拼接成一个字符串，然后放入剪贴板，所以上面的方法不太适用。最后想了一种取巧的方法

再增加一个input框，用来存放拼接好的字符串，只需要让这个input框不显示可复制就可以了

给input框设置以下两个属性

opacity透明度（这样就看不到了，但是有可能还占用了一些空间）

position: absolute;（绝对定位）

最新文章

其实我们不一定要过多关注百度SEO，因为以主机邦这些年做网站的经验来看，百度虽然目前流量依然很客观，但是流量大不前了，并不是百度不给大家流量，而是百度自己自身都难保了，PC端百度的流量已经被必应赶超了，而移动虽然依然排国内第一

要说高性能车，宝马 X6 M 得算一个，它把奢华和速度完美融合，加速、舒适性、操控都出色，价格在 146.89 - 219.00 万。汉也是很受欢迎，中大型轿车，价格 18.98 - 33.18 万，动力响应灵敏，空间宽敞。英菲尼迪 Q50L 是中型车推背感专家，价

在当今的互联网时代，推广链接已成为网络营销和产品推广的重要工具。一个好的推广链接不仅能提高点击率，还能帮助企业或个人快速获取目标用户。那么，推广链接怎么做？本文将为您详细解析生成制作方法。一、了解推广链接的基本概念推广链接

高权重网站的收录问题，是众多优化推广者关注的焦点。大家普遍希望自己的内容能迅速被百度等搜索引擎收录，以便实现理想的展示和推广效果。下面提供一些与此相关的重要信息。快速收录的网站很关键。用site指令可查，在百度搜索框输入域名后

今年2月，一项由欧洲科学家团队在线发表于《自然》的研究成果显示，人类首次在铁磁性及反铁磁性之外测量到一种被称为“交替磁性”的新磁性，这标志着基础物理学将开辟新篇章，对自旋电子学具有重大意义，也为未来更多高科技应用打开了大门

摘要：通达信软件是一款便捷的探索金融世界的工具，提供实时行情、数据分析、交易决策等功能，帮助投资者更好地把握市场动态，实现投资目标。下载通达信软件，轻松掌握金融资讯，为您的投资之路保驾护航。本文目录导读：通达信软件下载通达

［丁科技网观察］在持续回暖的全球智能手机市场，哪款手机是获得最多消费者选择的头牌？根据Counterpoint新近汇总的第三季度全球智能手机销量数据，前十中，苹果占四席，三星占五席，中国品牌小米让多数时间被三星、苹果“通吃”的前十出现

如何创建淘宝网店：详细指导第一步：准备所需材料在注册之前，需准备好相关个人或企业资料，如身份证、营业执照、银行账户等。第二步：访问淘宝官网通过浏览器登录淘宝网站，找到“开店入驻”或“免费开店”选项并点击。第三步：选择店铺

Pandas库主要应用于数据处理和数据分析场合。它提供了高效的数据结构和数据分析工具，可以帮助用户快速地处理和分析数据。以下是一些重要的Pandas函数：1. read_csv()：从CSV文件中读取数据，并将其转换成DataFrame格式。2. head()：显示Da

在全球办公效率工具市场中，像素绽放PixelBloom正以其独特的定位和创新的产品定义，引领着AI与办公工具的融合。这家新兴公司专注于通过人工智能技术优化生产力工具，涵盖了内容创作、设计及PPT制作等多个关键领域。自2023年下半年推出的AiP