html 一键复制 ios,兼容安卓和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;
}
//兼容安卓和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实现一键复制内容到剪切板相关推荐
- 一键复制android代码,兼容安卓和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,后者让你更抓狂.接下来数一下踩过的 ...
- React Native 模仿网易云音乐手机客户端,兼容安卓和IOS两个平台
React Native 模仿网易云音乐手机客户端,兼容安卓和IOS两个平台. GitHub 完整源码地址https://github.com/yezihaohao/NeteaseCloudMusic ...
- H5,JS仿微信输入法,键盘上面带input输入框,兼容安卓、ios
H5,JS仿微信输入法,键盘上面带input输入框,兼容安卓.ios 效果如图: 实现思路:先写一个固定定位的input,通过改变bottom的高度将input贴在键盘的顶部,所以这里需要知道键盘高度 ...
- uni-app日历组件(calendar),兼容安卓、ios、微信、百度、抖音小程序
uni-app日历组件,兼容安卓.ios.微信.百度.抖音小程序 效果图 插件连接 如何使用 参数说明 事件 效果图 插件连接 插件链接: https://ext.dcloud.net.cn/plug ...
- JavaScript复制内容到剪切板
复制内容到剪切板分两种情况,一种是从页面已有的可选元素中选中内容进行复制,一种是将Javascript代码中的字符串直接复制到剪切板. 复制页面元素选中内容 html代码: <input typ ...
- js实现复制文本内容到剪切板
js实现复制文本内容到剪切板 一.总结 一句话总结:就是document的execCommand('copy')方法 二.js实现复制文本内容到剪切板 直接上代码: 1 <script type ...
- html 文本标签点击复制,点击复制-点击div或者p标签复制内容到剪切板
点击复制-点击div或者p标签复制内容到剪切板 最近在做一个需求,就是需要点击div或者p标签需要复制其中的内容到剪切板中,可以快速的粘贴 如图下所示: 1059788-201709041517163 ...
- android 复制内容到剪切板方法
/*** 复制内容到剪切板** @param copyStr* @return*/ private boolean copyStr(String copyStr) {try {//获取剪贴板管理器Cl ...
最新文章
- vscode 远程linux 服务器开发
- 效率最高的Excel数据导入---(c#调用SSIS Package将数据库数据导入到Excel文件中【附源代码下载】)...
- mysql中group concat_mysql中group_concat()函数的使用方法总结
- FastReport.Net 入门
- javascript中内置对象简介、Array
- Python3小程序:把连续的16进制UTF8编码转换为字符串
- layui中接收modelView中返回的对象并赋值给容器
- Python3 格式化数字 补零 数字补零
- python字典弱引用_weakref
- FAT文件系统简明教程
- 安全 | 开源入侵防御系统 Snort
- ckeditor富文本解决文段首行缩进问题
- C++ ERROR:error: passing 'XXX' as 'this' argument of 'XXX' discards qualifiers
- WCF 项目应用连载[4] - 自定义配置 扩展ServiceHost - LServiceHost
- JS中删除数组中重复的元素
- 【GIS开发】VB6.0下MO控件的安装:安装教程及MO破解教程(MapObjects2.x)
- Parameter... parameter
- 如何判断用户是否为第一次进入app或者是第一次进入指定页面
- 森林救火与计算机相关,无人机森林防火解决方案包含了哪些技术?
- 【折半搜索-经典题目】中山纪念中学暑期游Day13——【GDOI2017模拟8.15】Buy