js兼容安卓和ios实现粘贴板一键复制

color: #000;

background: #fff;

overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;

}

html*{

outline:0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent

}*{

margin:0;

padding:0}

.content {78.7%;

height:11.093rem;

margin:0auto;

background: url('./xxxxxx.png');

background-size: 100% 100%;

margin-top: 20%;

}

.onebox{

height:8.907rem;

}

.midtext{

font-family: PingFangSC-Regular;

font-size: 12px;

color: #4FA3FF;

letter-spacing: 0;

text-align: left;66%;

padding-top: 8.0rem;

margin:0auto;

}

.bottbox{

text-align: center;

font-size: 0;

margin-top: 0.693rem;

}

.one-copy{3.467rem;

height:0.853rem;

}/*小弹窗*/#message{27%;

height:0.8rem;

line-height: 0.8rem;

bottom:50%;

font-size: 12px;

color: #fff;

z-index: 99;

box-shadow: 0 1px 14px rgba(0,0,0,.24);

opacity:0;

visibility: hidden;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);

transform: translateX(-50%);

text-align: center;

border-radius: 0.8rem;

}

#message.show {

visibility: visible;

}

#message {

position:fixed;

background: rgba(0,0,0,.6);

left:50%;

}

#msgTxt{

line-height:1.55rem;

height:3.1rem;

}

.show {

display: block!important;

}

https://ahhahahahhahahah

//兼容安卓和ios实现剪切板复制的方法

function copy() {var message="https://ajskajskajskajskjaskajksjka";var input = document.createElement("input");

input.value=message;

document.body.appendChild(input);

input.select();

input.setSelectionRange(0, input.value.length), document.execCommand('Copy');

document.body.removeChild(input);//一键复制按钮变浅

document.querySelector("#one-copy").style.opacity='0.5';//复制成功提示

toast('复制成功');

}//弹窗组件

function toast(message) {vartimer;

document.querySelector("#message").style.opacity='1';

document.getElementById('mytext').innerHTML=message;

clearTimeout(timer);

timer= setTimeout( ()=>{

document.querySelector("#message").style.opacity='0';

},2000);

}

html 一键复制 ios,兼容安卓和ios实现一键复制内容到剪切板相关推荐

  1. 一键复制android代码,兼容安卓和ios实现一键复制内容到剪切板

    js兼容安卓和ios实现粘贴板一键复制 color: #000; background: #fff; overflow-y: scroll;-webkit-text-size-adjust: 100% ...

  2. H5嵌入原生开发小结----兼容安卓与ios的填坑之路

    一开始听说开发H5,以为就是做适配现代浏览器的移动网页,心想不用管IE了,欧也.到今天,发现当初too young too simple,兼容IE和兼容安卓与IOS,后者让你更抓狂.接下来数一下踩过的 ...

  3. React Native 模仿网易云音乐手机客户端,兼容安卓和IOS两个平台

    React Native 模仿网易云音乐手机客户端,兼容安卓和IOS两个平台. GitHub 完整源码地址https://github.com/yezihaohao/NeteaseCloudMusic ...

  4. H5,JS仿微信输入法,键盘上面带input输入框,兼容安卓、ios

    H5,JS仿微信输入法,键盘上面带input输入框,兼容安卓.ios 效果如图: 实现思路:先写一个固定定位的input,通过改变bottom的高度将input贴在键盘的顶部,所以这里需要知道键盘高度 ...

  5. uni-app日历组件(calendar),兼容安卓、ios、微信、百度、抖音小程序

    uni-app日历组件,兼容安卓.ios.微信.百度.抖音小程序 效果图 插件连接 如何使用 参数说明 事件 效果图 插件连接 插件链接: https://ext.dcloud.net.cn/plug ...

  6. JavaScript复制内容到剪切板

    复制内容到剪切板分两种情况,一种是从页面已有的可选元素中选中内容进行复制,一种是将Javascript代码中的字符串直接复制到剪切板. 复制页面元素选中内容 html代码: <input typ ...

  7. js实现复制文本内容到剪切板

    js实现复制文本内容到剪切板 一.总结 一句话总结:就是document的execCommand('copy')方法 二.js实现复制文本内容到剪切板 直接上代码: 1 <script type ...

  8. html 文本标签点击复制,点击复制-点击div或者p标签复制内容到剪切板

    点击复制-点击div或者p标签复制内容到剪切板 最近在做一个需求,就是需要点击div或者p标签需要复制其中的内容到剪切板中,可以快速的粘贴 如图下所示: 1059788-201709041517163 ...

  9. android 复制内容到剪切板方法

    /*** 复制内容到剪切板** @param copyStr* @return*/ private boolean copyStr(String copyStr) {try {//获取剪贴板管理器Cl ...

最新文章

  1. vscode 远程linux 服务器开发
  2. 效率最高的Excel数据导入---(c#调用SSIS Package将数据库数据导入到Excel文件中【附源代码下载】)...
  3. mysql中group concat_mysql中group_concat()函数的使用方法总结
  4. FastReport.Net 入门
  5. javascript中内置对象简介、Array
  6. Python3小程序:把连续的16进制UTF8编码转换为字符串
  7. layui中接收modelView中返回的对象并赋值给容器
  8. Python3 格式化数字 补零 数字补零
  9. python字典弱引用_weakref
  10. FAT文件系统简明教程
  11. 安全 | 开源入侵防御系统 Snort
  12. ckeditor富文本解决文段首行缩进问题
  13. C++ ERROR:error: passing 'XXX' as 'this' argument of 'XXX' discards qualifiers
  14. WCF 项目应用连载[4] - 自定义配置 扩展ServiceHost - LServiceHost
  15. JS中删除数组中重复的元素
  16. 【GIS开发】VB6.0下MO控件的安装:安装教程及MO破解教程(MapObjects2.x)
  17. Parameter... parameter
  18. 如何判断用户是否为第一次进入app或者是第一次进入指定页面
  19. 森林救火与计算机相关,无人机森林防火解决方案包含了哪些技术?
  20. 【折半搜索-经典题目】中山纪念中学暑期游Day13——【GDOI2017模拟8.15】Buy

热门文章

  1. 详解Promise使用与原理
  2. “一生一芯”项目遇到的卡壳问题
  3. JavaScript多线程编程介绍
  4. 大牧絮叨设计模式:原型模式
  5. ## python的字典——生词本的生词
  6. PD协议之Request(下面统称“请求”)的作用
  7. oTree学习教程(二)Models
  8. Python初学者值得拥有的3个Python优秀实践 你实践了嘛?
  9. linux系统找不到网卡配置文件,Linux系统Centos没有网卡eth0配置文件的解决方法
  10. 抓住屌丝心理才是王道