如何复制
select()方法,这个方法是输入框独有的,即<input>和<textarea>,它可以选中输入框中的值,使输入框处于一个聚焦的状态。
步骤:
1、获取输入框
2、调用select()方法获取里面的值
3、使用浏览器提供的方法将其复制
js代码如下:
<div>邀请码:<input type="text" disabled="disabled"id="inviteCode" value="12312" /><p onclick="copyLogNum()"><span >复制</span></p></div>
js:
function copyLogNum(){
let input = document.getElementById('inviteCode');
input.select();
let copy = document.execCommand("copy");
document.activeElement.blur(); 限制键盘弹出
console.log('====5555',copy); // true -> 即复制成功 false ->复制失败
}
需要被复制的值必须是input标签,input有独特的select属性
css:
position: absolute;opacity: 0;left: 0;//此样式进行input定位,隐藏input