移动端,pc端实现点击复制功能,亲测有效

在项目中经常有点击复制一段内容或链接的功能,分享下实现方法:

方法一:

利用input,textarea特有的select()方法,该元素不能设置display:none和 visibility: hidden;否则无效,可以设置opacity: 0;或者利用定位到屏幕之外不可见的地方




    
    
    
    


点我复制





缺点:不兼容ios客户端,使用iphone手机复制无效

方法二:利用window对象的getSelection()方法,可兼容pc/ios/Android




    
    
    
    


点我复制




原文作者技术博客:https://www.jianshu.com/u/ac4daaeecdfe

你可能感兴趣的:(移动端,pc端实现点击复制功能,亲测有效)