一键复制android代码,兼容安卓和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;
}
//兼容安卓和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实现一键复制内容到剪切板相关推荐
- html 一键复制 ios,兼容安卓和ios实现一键复制内容到剪切板
js兼容安卓和ios实现粘贴板一键复制 color: #000; background: #fff; overflow-y: scroll;-webkit-text-size-adjust: 100% ...
- H5嵌入原生开发小结----兼容安卓与ios的填坑之路
一开始听说开发H5,以为就是做适配现代浏览器的移动网页,心想不用管IE了,欧也.到今天,发现当初too young too simple,兼容IE和兼容安卓与IOS,后者让你更抓狂.接下来数一下踩过的 ...
- H5,JS仿微信输入法,键盘上面带input输入框,兼容安卓、ios
H5,JS仿微信输入法,键盘上面带input输入框,兼容安卓.ios 效果如图: 实现思路:先写一个固定定位的input,通过改变bottom的高度将input贴在键盘的顶部,所以这里需要知道键盘高度 ...
- React Native 模仿网易云音乐手机客户端,兼容安卓和IOS两个平台
React Native 模仿网易云音乐手机客户端,兼容安卓和IOS两个平台. GitHub 完整源码地址https://github.com/yezihaohao/NeteaseCloudMusic ...
- uni-app日历组件(calendar),兼容安卓、ios、微信、百度、抖音小程序
uni-app日历组件,兼容安卓.ios.微信.百度.抖音小程序 效果图 插件连接 如何使用 参数说明 事件 效果图 插件连接 插件链接: https://ext.dcloud.net.cn/plug ...
- Android复制内容到剪切板上
Android复制内容到剪切板上 fun Context.copyToClipboard(label: String, data: String) {getSystemService<Clipb ...
- android 复制内容到剪切板方法
/*** 复制内容到剪切板** @param copyStr* @return*/ private boolean copyStr(String copyStr) {try {//获取剪贴板管理器Cl ...
- js实现复制文本内容到剪切板
js实现复制文本内容到剪切板 一.总结 一句话总结:就是document的execCommand('copy')方法 二.js实现复制文本内容到剪切板 直接上代码: 1 <script type ...
- JavaScript复制内容到剪切板
复制内容到剪切板分两种情况,一种是从页面已有的可选元素中选中内容进行复制,一种是将Javascript代码中的字符串直接复制到剪切板. 复制页面元素选中内容 html代码: <input typ ...
最新文章
- Linux(CentOS6.5)中安装maven
- redis 安装后不能使用
- TransactionScope只要一个操作失败,它会自动回滚,Complete表示事务完成
- ${project.build.directory}
- React基础学习(第二天)
- Tomcat - 常用配置
- Vue项目构建后通过Nginx/SpringBoot/Express/Egg发布
- 【容器云】十分钟快速构建 Influxdb+cadvisor+grafana 监控
- php的json_encode函数问题
- 微信开发:getLocation签名失效的问题
- Python深度学习
- 14-STM32F1 iic 24c02
- jmeter面试题及答案(jmeter接口自动化测试面试题)
- oracle用户登录提示: user test lacks create session privilege logon denied
- win10查询计算机显卡,windows10系统电脑查看显卡型号的两种方法
- STM32 PB3或者PB4不能正常使用的讲解
- KONG 之 rate-limiting
- C++笔记——第十一篇 多态 深入剖析
- 用jQuery实现复选框全选、反选与获取选中的复选框的值
- Last Corollary CodeForces - 1364D(dfs树找最小环)
热门文章
- 【渝粤教育】国家开放大学2019年春季 0134-22T劳动法学 参考试题
- 【渝粤题库】国家开放大学2021春3607矿井瓦斯灾害防治题目
- 基于wincc的虚拟电梯设计_一文带你了解西门子整个虚拟调试与仿真软硬件体系...
- 我与TCP连接不得不说的故事
- oracle jet auto,如何启用sqlplus的AutoTrace功能
- 坚果pro2s android 8,锤子坚果Pro2S 安卓8.1 稳定版 超级流畅 火力全开 智能调频 省电稳定 优化简约...
- maven java 参数_将Maven参数注入Java类
- Java高阶语法---final
- 跨域/非跨域接口专题
- 解决checkbox与对应文字不对齐的问题