<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>APP/PC</title>
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta content="telephone=no" name="format-detection"/>
<script type="text/javascript" src="./js/jquery-1.11.1.js"></script>
<style>
.Flex1{
display: flex;
flex-direction: column;
}
</style>
</head>
<body>
<section class="aui-scrollView">
<div class="aui-flex">
<div class="aui-flex-box">
<h2 style="color:#BBBBBB">多端娱乐</h2>
</div>
</div>
<div class="aui-pre-box">
<div class="aui-pre-item Flex1">
<h1 style="color:#f8c99f">安卓 APP</h1>
<input style="color:#FFFFFF;background-color:#595858;border: none;width: 160px;" readonly="readonly" id="biao1" value="https://www.baidu.com" />
<button οnclick="copy1()" style="width: 30%;margin-top: 10px;">复制地址</button>
</div>
<div class="aui-pre-item aui-pre-one">
<h1>苹果 APP</h1>
<h2 id="copy-txt2">https://www.baidu.com</h2>
<button id="copyTXT2">复制地址</button>
</div>
<div class="aui-pre-item aui-pre-two">
<h1>电脑版</h1>
<h2 id="copy-txt3">https://www.baidu.com</h2>
<button id="copyTXT3">复制地址</button>
</div>
</div>
</section>
</body>
<script>
function copy1() {
var Url1 = document.getElementById("biao1");
Url1.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令用户定义的代码区域用户定义的代码区域
alert("已复制好,可贴粘"); //复制里面的内容
}
</script>
</html>