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

最新推荐文章于 2024-04-12 18:31:57 发布

GHUIJS

最新推荐文章于 2024-04-12 18:31:57 发布

阅读量1k

点赞数 2

分类专栏： js

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

版权

js 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

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)，表单标签复制功能无法实现，如果是块元素，复制粘贴后会多一个回车符号，建议使用非表单标签的行内块元素装被复制文本。