1、在做点击按钮复制功能时遇到了小小的卡顿,此处遇到了两种系统手机的兼容性 / 复制后会对文本进行选中 / 输入法弹出 等。现将方法进行总结,如下代码很好对解决了以上问题,适用性强。

2、在文本此处使用p标签或者div标签都可

saidfh3is21111h

复制

3、采用对原生js,首先对需要复制对文本进行选中节点,检测设备中是否含有其他的复制文本缓存,进行清除。

将需要复制的文本进行赋值,并调用dom对象的copy功能,返回复制成功提示。

function copyArticle(event) {

const range = document.createRange();

range.selectNode(document.getElementById('content'));

const selection = window.getSelection();

if(selection.rangeCount > 0) selection.removeAllRanges();

selection.addRange(range);

document.execCommand('copy');

alert("复制成功!");

}

document.getElementById('copyBT').addEventListener('click', copyArticle, false);

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐