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

2231人阅读 评论(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>

查看评论

Guru of the Week 条款12:控制流(Control Flow)

 GotW #12 Control Flow著者:Herb Sutter      翻译:kingofark[声明]:本文内容取自www.gotw.ca网站上的Guru of the Week栏目,其...
  • kingofark
  • kingofark
  • 2001-10-24 09:35:00
  • 1141

js 复制功能,iOS手机上特殊处理

  • 2017年10月24日 18:12
  • 2KB
  • 下载

移动端html5页面长按实现高亮全选文本内容的兼容解决方案

最近需要给html5的WebAPP在页面上实现一个复制功能:用户点击长按文本会全选文字并弹出系统“复制”菜单,用户可以点击“复制”进行复制操作,然后粘贴到AppStore搜索对应的应用。之所以不是采用...
  • freshlover
  • freshlover
  • 2014-10-24 20:16:53
  • 65719

js兼容安卓和IOS的复制文本到剪切板

function copy(message) {         var input = document.createElement("input");             input.va...
  • hzmumu
  • hzmumu
  • 2018-02-06 15:55:29
  • 579

iOS小功能备忘----实现文字复制到粘贴板

今天,我们一起来学习在iOS中如何自定义将文字复制到粘贴板。 在iOS中有三个控件自身就有复制-粘贴的功能:UITextView、UITextField和UIWebView。在这里,我们自定义一...
  • sinat_29628155
  • sinat_29628155
  • 2015-10-16 14:11:35
  • 1309

最简单的移动端pc端(解决苹果端的兼容问题)一键复制,保存到剪贴板

先上效果图: 为了用户体验更佳,对于公众号,手机号,物流单号,等需要一键复制而不是让用户一个一个的去选择。 demo链接: http://download.csdn.net/do...
  • VLilyV
  • VLilyV
  • 2017-09-08 17:21:53
  • 2103

js中判断Android还是iPhone的方法并复制内容

if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {//区分iPhone设备   alert("IOS系统");  }else{ aler...
  • qq_36607646
  • qq_36607646
  • 2017-10-21 09:15:16
  • 165

ios实现点击复制文字到剪贴板

移动端点击复制文字到剪贴板: html代码: 复制我到剪贴板 点击复制 复制文字的代码需要放在点击事件中 js代码: $("#button").click(function(){ if (...
  • u010394015
  • u010394015
  • 2017-02-09 09:55:26
  • 5428

手机点击复制js

一直想实现能够实现点击自动选中复制的功能,后来找找人代码,在电脑上面试非常成功,但是打包到手机之后那个代码就失效了, 后来无奈之下只能调用手机的复制功能: 点击选中文本的css: .fuzhi{ -w...
  • Angular_
  • Angular_
  • 2017-03-17 15:08:07
  • 1788

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

很多网站当复制粘贴的时候,都会出现有关剪贴板的相关提示,在刚刚入行前端工程师的时候,我还在一直纳闷,这是怎么实现的呢。如今,咱们再也不用纳闷了,因为已经有浏览器把剪贴板相关事件纳入标准了。...
  • LiMengXiaoLong
  • LiMengXiaoLong
  • 2014-02-14 08:59:39
  • 23724
    个人资料
    持之以恒
    等级:
    访问量: 3万+
    积分: 974
    排名: 5万+
    最新评论