JS实现复制

test.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			button {
				height: 35px;
				width: 100px;
				margin-top: 10px;
			}
			input {
				height: 26px;
				margin-top: 10px;
				padding: 4px;
			}
		</style>
	</head>

	<body>
		<input type="text" name="test" id="test" readonly="readonly" value="我是测试的文本信息" />
		<br>
		<button onclick="copyUrl()">点击复制</button><br>
		<input type="text" name="" id="" value="" placeholder="请输入复制的信息" />
	</body>
	<script>
		function copyUrl() {
			var Url = document.getElementById("test");
			Url.select();
			document.execCommand("Copy");
			alert("已复制好,可贴粘。");
		}
	</script>

</html>

效果图:

在这里插入图片描述

点击效果图

弹框:
在这里插入图片描述

填充的文本信息

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qiuqiu1628480502/article/details/84937359