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 {

width: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;

width:66%;

padding-top: 8.0rem;

margin:0auto;

}

.bottbox{

text-align: center;

font-size: 0;

margin-top: 0.693rem;

}

.one-copy{

width:3.467rem;

height:0.853rem;

}/*小弹窗*/#message{

width: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);

}

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

  1. html 一键复制 ios,兼容安卓和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. H5,JS仿微信输入法,键盘上面带input输入框,兼容安卓、ios

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

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

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

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

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

  6. Android复制内容到剪切板上

    Android复制内容到剪切板上 fun Context.copyToClipboard(label: String, data: String) {getSystemService<Clipb ...

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

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

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

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

  9. JavaScript复制内容到剪切板

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

最新文章

  1. Linux(CentOS6.5)中安装maven
  2. redis 安装后不能使用
  3. TransactionScope只要一个操作失败,它会自动回滚,Complete表示事务完成
  4. ${project.build.directory}
  5. React基础学习(第二天)
  6. Tomcat - 常用配置
  7. Vue项目构建后通过Nginx/SpringBoot/Express/Egg发布
  8. 【容器云】十分钟快速构建 Influxdb+cadvisor+grafana 监控
  9. php的json_encode函数问题
  10. 微信开发:getLocation签名失效的问题
  11. Python深度学习
  12. 14-STM32F1 iic 24c02
  13. jmeter面试题及答案(jmeter接口自动化测试面试题)
  14. oracle用户登录提示: user test lacks create session privilege logon denied
  15. win10查询计算机显卡,windows10系统电脑查看显卡型号的两种方法
  16. STM32 PB3或者PB4不能正常使用的讲解
  17. KONG 之 rate-limiting
  18. C++笔记——第十一篇 多态 深入剖析
  19. 用jQuery实现复选框全选、反选与获取选中的复选框的值
  20. Last Corollary CodeForces - 1364D(dfs树找最小环)

热门文章

  1. 【渝粤教育】国家开放大学2019年春季 0134-22T劳动法学 参考试题
  2. 【渝粤题库】国家开放大学2021春3607矿井瓦斯灾害防治题目
  3. 基于wincc的虚拟电梯设计_一文带你了解西门子整个虚拟调试与仿真软硬件体系...
  4. 我与TCP连接不得不说的故事
  5. oracle jet auto,如何启用sqlplus的AutoTrace功能
  6. 坚果pro2s android 8,锤子坚果Pro2S 安卓8.1 稳定版 超级流畅 火力全开 智能调频 省电稳定 优化简约...
  7. maven java 参数_将Maven参数注入Java类
  8. Java高阶语法---final
  9. 跨域/非跨域接口专题
  10. 解决checkbox与对应文字不对齐的问题