javascript 复制 粘贴板

网上很多前端复制文本的例子,亲身经历一些经验分享一下。

废话不多说,网上例子是:

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  完美解决

发布了17 篇原创文章 · 获赞 3 · 访问量 4052

猜你喜欢

转载自blog.csdn.net/HPFBoy/article/details/88994289
今日推荐