h5一键复制

最新推荐文章于 2024-07-09 16:46:58 发布

HainesFreeman

最新推荐文章于 2024-07-09 16:46:58 发布

阅读量1.4k

点赞数

分类专栏： vue js

本文链接：https://blog.csdn.net/weixin_41829196/article/details/89534843

版权

vue 同时被 2 个专栏收录

119 篇文章 2 订阅

订阅专栏

91 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
<div>
	<span id="user_ref_id">
		复制内容1111111
		<p>5555</p>
		<p>666</p>
		<p>777</p>
	</span>
	<input style="margin-left: 30px;" type="button" onclick="cp(document.getElementById('user_ref_id'));" value="复制给好友" >
</div>
<script>
	function selectText(x) {
		if (document.selection) {
			var range = document.body.createTextRange();
			range.moveToElementText(x);
			range.select();
		} else if (window.getSelection) {
			var selection = window.getSelection();
			var range = document.createRange();
			selection.removeAllRanges();
			range.selectNodeContents(x);
			selection.addRange(range);
		}
	}
	function cp(x)
	{
		selectText(x);
		document.execCommand("copy");
		// alert("复制成功,快去分享好友吧")
	}
</script>
</body>
</html>