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

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
ccccccc.png

//兼容安卓和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);

}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/355908.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

adf时间作用域_ADF:在任务流终结器中支持bean作用域

adf时间作用域介绍 当我们需要在任务流消失之前做一些最终工作(干净的资源,紧密的连接等)时,这是使用任务流终结器的非常普遍的建议做法。 和往常一样,我们使用在任务流中声明的托管bean。 托管Bean可以具有不同的范围…

Drools:fireAllRules,fireUntilHalt和Timers内部代码清理的详细说明

在六月,我们在博客上发布了一个新的内部状态机,用于管理用户,计时器和引擎线程之间的交互。 现在,我们对该代码进行了另一次大的内部清理,以使其更易于阅读和理解。 如前所述,所有操作(插入&am…

nodejs+vue+ElementUi房屋房产销售预约看房系统bqv00

完成房产销售系统,对房源的信息、用户信息及各种资料进行收集和科学的管理,该系统的功能基本可以满足当前市面上的小型房产企业对于房产销售的基本要求,收集各个地区的房源信息并进行分类管理,用户通过注册账号登录网站查询房源信…

ios framework 找不到.h_找不到好看的壁纸?上万张「高清壁纸」,都在iOS捷径里...

所需工具:iOS捷径获取方法:后台私信回复「363」不和大家废话,今天给大家分享一个超好用的ios壁纸捷径,用了它之后再也不怕找不到喜欢的壁纸了~将克拉壁纸的捷径链接在Safari浏览器打开,就会自动跳转到一个获取捷径的窗…

div内容用html语言写,html – 使用DIV作为另一个元素的背景

这里我用2个div做了一个例子:> .content,包含前端所需的一切> .background – 包含文本,图像和背景中的所有其他内容要将一个div包装在另一个div上(制作叠加层),你必须将它们放入相同的元素中,在本例中它是#wrapper div.放置位置:包装的相对宽度/高…

jetty 配置jndi_使用Jetty设置JNDI(嵌入式)

jetty 配置jndi我在开发工作区上运行嵌入式Jetty,从而节省了一些恶性的编译和部署周期。 我与Jetty的合作不多,易用性使我着迷于它。 我需要设置JNDI才能检索与数据库相关的活动的连接池。 尽管某些地方有完整的文档,但大多数都是分散的。 因…

auot lisp 选择集处理_离散量的计算机处理63_1Cv6

计算机语言运用--数值计算6-离散量的计算机处理63_1Cv6计算机:电子线路组成的计算机器。人与计算机则是通过计算机语言-符号系统说给计算机听而交流。计算机语言有低级语言-机器语言、汇编、高级语言-C/C/C#/VB/PASCAL/LISP/JAVA/PYTHON/……成百上千种之多。作为一…

linkedblockingqueue 后 take 不消化_消化不良的成因及护理

疾病名称:消化不良就诊科室:消化内科疾病成因心理和精神的不良应激:患者的精神不愉快、长期闷闷不乐或突然受到猛烈的刺激等均可引起。不良饮食习惯:包括刺激性食物(咖啡、浓茶、甜食、油腻、生冷等)和不良…

Yandex.Algorithm 2011 Round 2 D. Powerful array 莫队

题目链接:点击传送D. Powerful arraytime limit per test5 secondsmemory limit per test256 megabytesinputstandard inputoutputstandard outputAn array of positive integers a1, a2, ..., an is given. Let us consider its arbitrary subarray al, al  …

html 形状div,div+css实现各种形状(精心整理)

1.正方形.div {width: 100px;height: 100px;background: red;}2.矩形.div {width: 200px;height: 100px;background: red;}3.圆形.div {width: 100px;height: 100px;background: red;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}4.椭圆.div {w…

4.1.5事件

用事件有一种监听的思想 一个事件对应一个委托 事件是委托类型 一个事件对应一个委托,委托可以对应多个方法 如气球爆炸了 气球的反应 小孩的反应 事件源有代码自动激发事件 扔出事件 —————————————— 3.只能在类的内部触发事件 4.可以在内部…

485不用双绞线可以吗_现在在上海,挡风玻璃可以一个标志都不用贴吗?

问近日,有市民咨询:现在在上海,车上挡风玻璃可以一个标志都不用贴吗?答可以一个标志都不贴。自2020年3月1日起,本市机动车在本市办理注册、变更、转移登记和核发检验标志、补换检验标志业务时,将自动生成检…

2021上饶市高考中考成绩查询,2021年上饶中考成绩公布查询时间 上饶中考成绩查询方式入口...

2018年上饶中考成绩公布查询时间 上饶中考成绩查询方式入口2018年上饶高考结束了,可是上饶中考又来了!6月注定是一个不平淡的月份。又一大批孩子朝着青春出发踏着坚定的脚步,行走在如火的六月。宁静的清晨,静谧的夜,那条反反复复走…

git中文件的三种状态

用xcode的时候,左侧栏文件的邮右边时不时会看到M,A这一类的字母。当然,这些以后再写上。先说一下git里文件的三种状态 已提交(committed) 已经提交的本地仓库(repository),需要手动…

桌面怎么设置 计算机 网络,Win10 10130桌面电脑网络图标怎么设置?

越来越多朋友的计算机安装Windows10系统,现在Windows10系统已经升级到10130版,我的计算机升级到了10130版。安装Windows10的10130版系统后,桌面只有回收站和软媒的图标,如何把电脑、网络、用户的文件、控制面板等图标设置到桌面上…

swift 打开第三方应用_iOS卡通人物帧动画入门9(大结局):番外篇-扩展第三方类

扩展第三方类细心的朋友可能会发现,我们前面计算主角的大小用的总是同一方向第一帧纹理的大小,如果纹理大小有出入的话,会产生较大的偏差,最好的方法是取当前动画帧纹理的大小。不过这有些难度,所以我们退之求其次&…

vue如何过滤html标签,去除富文本中的html标签及vue、react、微信小顺序中的过滤器...

在猎取富文本后,又只需显现部分内容,须要去除富文本标签,然后再截取个中一部分内容;然后就是过滤器,在微信小顺序中运用照样挺屡次的,在vue及react中也遇到过1.富文本去除html标签去除html标签及 空格let r…

声速的测量的实验原理和应用_CEMS烟气在线分析仪测量原理计经典应用

烟气连续在线监测系统运用抽取冷凝采样、后散射烟尘浓度测量、皮托管烟气流速测量及计算机网络通讯技术,实现了固定污染源污染物排放浓度和排放总量的在线连续监测。同时又针对国内煤种较杂、煤质变化大、污染物排放浓度高、烟气湿度大的状况从技术上进行了改进。并…

怎么用计算机算弧度制,怎么设置计算器 把度数转化为弧度

计算器默认角度制(D)。此时,按下mode,mode,2(Rad),可将计算器调整为弧度制。输入要转化的角度(如30),按下shift,ans(DRG三角),1(D),画面将显示30度,按下等号,…

datagrid 什么时候结束编辑_孕吐到底什么时候结束

很多女性刚怀孕,都会出现妊娠反应,比如孕吐。它是由妊娠后绒毛分泌的绒毛膜促进腺激素引起的,在妊娠初期腺激素分泌量较多。备受孕吐折磨的女性,每次吃饭,一闻到刺激性味道,就会想吐,非常难受&a…