网上很多前端复制文本的例子,亲身经历一些经验分享一下。
废话不多说,网上例子是:
html部分:
<input type="text" value="AJS4EFS" readonly id="textAreas"/>
<a href="javascript:;" class="cuteShareBtn" id="copy">复制</a>
javascript 部分:
var obj = document.getElementById("textAreas")
obj.select()
if(document.execCommand("Copy","false",null)){
//如果复制成功
alert("复制成功!");
}else{
//如果复制失败
alert("复制失败!");
}
存在的问题
不想显示Input输入框 只显示一个复制链接应该怎么办?display:none??? 不好意思是错的,无法获取复制结果
可设置为z-Index:-1 完美解决