js兼容安卓和IOS的复制文本到剪切板

最新推荐文章于 2023-05-29 17:40:31 发布

GHUIJS

最新推荐文章于 2023-05-29 17:40:31 发布

阅读量1.1k

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/m0_43599959/article/details/110007897

版权

js 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现网页中文本的复制功能。通过创建范围并利用window.getSelection()和document.execCommand('copy')，可以实现在非表单标签内的文本复制。示例代码展示了在点击按钮时复制特定span元素内文本的过程，并给出了注意事项，如避免在表单标签内使用此方法，以及块级元素可能导致的额外回车符问题。

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

1.效果

2.使用

HTML

<span class="copyVal">dgjklsjflsjglkjdfklgjfgkjslgjs</span>
<button type="button" onclick="copyText('.copyVal')">复制</button>

JS

function copyText(copyValEleName) {
	window.getSelection().removeAllRanges(); 
	var copyValEle = document.querySelector(copyValEleName);
	var range = document.createRange();
	range.selectNode(copyValEle);
	window.getSelection().addRange(range);
	document.execCommand('copy');
    alert('复制成功！！！')
	window.getSelection().removeAllRanges();
}

注意：装被复制文本的标签不能是表单标签(例如input，textarea)，表单标签复制功能无法实现，如果是块元素，复制粘贴后会多一个回车符号，建议使用非表单标签的行内块元素装被复制文本。