JavaScript 在文本框隐藏状态下复制文本

最新推荐文章于 2021-10-17 22:45:39 发布

Yang-Bo

最新推荐文章于 2021-10-17 22:45:39 发布

阅读量706

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_42800961/article/details/90694263

博客指出复制隐藏的input框，需保证其不处于display:none或visibility: hidden状态，宽度不小于4，高度任意。还提到不清楚JavaScript如此规定的原因，推测可能是出于安全考虑，并给出隐藏复制代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想复制隐藏的input框,必须保证input框不处于display:none或visibility: hidden状态，且宽度不小于4(高度任意,亲测高度到0也没事),至于JavaScript为什么这样规定，我也不清楚，可能是为了安全吧

隐藏复制代码示例

<html>
		<head>
		<title>复制</title>
		</head>
		<body>
		<button onclick="copyText()">点击此处复制</button>
		<input id="copyInput" value='复制的文本' style="opacity: 0;" readonly /><!-- 注意这样虽然看不见input,但是其仍然站着位置 -->
		<!-- 不占位置的隐藏方式  
		      <input id="copyInput" value='复制的文本2' style=" position: fixed;  width: 5px;    top: -6px;   height: 6px;"readonly />
		-->
		
		</body>
   
		<script>
		var copyInput=document.getElementById('copyInput')
		function copyText() {
			copyInput.select(); // 选择对象
			document.execCommand("Copy"); // 执行浏览器复制命令
			alert('已复制文本');
		}
		</script>
		</html>