浏览器使用input复制不成功解决办法。

Posted 2020-11-15 webh5

以下代码为浏览器使用input复制：

var Input = document.createElement(‘input‘);

Input.value = ‘复制内容‘;

document.body.appendChild(Input);

Input.select(); // 选择对象

document.execCommand("Copy"); // 执行浏览器复制命令

Input.className = ‘Input‘;

Input.style.display=‘none‘;

alert(‘复制成功‘);

复制失败的原因是因为没有高度导致复制失败。需要为input加上固定的宽高，在无需使用input可以通过定位将input隐藏。