关闭

HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题

1896人阅读 评论(0) 收藏 举报
分类:

     

<textarea name="text" id="text" cols="30" rows="10" readonly="readonly">fdsfasdfsdfa</textarea>
<div class="button"><button onclick="myCopy()">点击复制</button></div>

<script>

function myCopy(){

      var ele = document.getElementById("text");//ele是要复制的元素的对象

      ele.focus();

     // ele.select();

     ele.setSelectionRange(0, ele.value.length);


     if(document.execCommand('copy', false, null)){
       //success info
        alert("复制成功")
      } else{
        //fail info
        alert("复制失败")

      }

}

</script>

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题

1. 执行以下解决方案条件: ①执行复制方法时 所复制文字不能被任何 块级元素和行内块元素和行内元素遮盖否则无效;(解决方案:将文本通过绝对定位或其他方式移除屏幕外) ②ios中不能复制属性值,...
  • u010853130
  • u010853130
  • 2017-03-27 14:54
  • 4263

HTML5实战与剖析之剪贴板事件

很多网站当复制粘贴的时候,都会出现有关剪贴板的相关提示,在刚刚入行前端工程师的时候,我还在一直纳闷,这是怎么实现的呢。如今,咱们再也不用纳闷了,因为已经有浏览器把剪贴板相关事件纳入标准了。
  • LiMengXiaoLong
  • LiMengXiaoLong
  • 2014-02-14 08:59
  • 22578

js复制到剪切板

方法一:window.clipboardData 由window提供的clipboardData对象提供了对于预定义的剪贴板格式的访问。该对象只在IE下有效,传说ie7,与ie8 对网页有个复制...
  • Inuyasha1121
  • Inuyasha1121
  • 2016-04-18 16:35
  • 2080

android开发 -- 复制文本内容到系统剪贴板(自由复制)

直接上代码:(对应的类:android.content.ClipboardManager) //获取剪贴板管理器: Clipboard...
  • qq_22078107
  • qq_22078107
  • 2016-12-03 21:42
  • 9274

JS实现各种复制到剪贴板

一、实现点击按钮,复制文本框中的的内容                         script type=&q...
  • fanhu6816
  • fanhu6816
  • 2016-10-13 19:25
  • 13973

js 实现 将网页内容 复制到剪切板上

一、实现点击按钮,复制文本框中的的内容 1 2 3 4 5 6 7 8 9 10 11 function copyUrl2() { var Ur...
  • yueloveme
  • yueloveme
  • 2017-11-19 16:31
  • 258

【原】js实现复制到剪贴板功能,兼容所有浏览器

两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低。很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能...
  • ximenxiafeng
  • ximenxiafeng
  • 2017-01-20 16:58
  • 1106

纯js实现复制到剪贴板功能

纯js实现复制到剪贴板功能 在网页上复制文本到剪切板,一般是使用JS+Flash结合的方法,网上有很多相关文章介绍。随着 HTML5 技术的发展,Flash 已经在很多场合不适用了,...
  • lhw413
  • lhw413
  • 2017-05-07 21:46
  • 996

JS实现各种复制到剪贴板

/*抄自  http://www.cnblogs.com/huijieoo/articles/5569990.html */ JS实现各种复制到剪贴板 一、实现点击按钮,复制文本框中的的内容 ...
  • a909197213
  • a909197213
  • 2016-08-30 16:41
  • 4780

js实现剪切板效果复制黏贴图片

使用js来实现类似word剪切板的效果,即复制黏贴图片
  • qq_26786555
  • qq_26786555
  • 2015-05-06 21:47
  • 3143
    个人资料
    • 访问:23026次
    • 积分:792
    • 等级:
    • 排名:千里之外
    • 原创:50篇
    • 转载:23篇
    • 译文:5篇
    • 评论:1条
    文章分类
    最新评论