console
$("#btn1").on('click', function () {
var url = $("#text1").val();
var p=url.split("?");
var p2 = p[1].split("&");
let tempStr = "<li class='list-group-item'>"+p[0]+"</li>" ;
var t={}
for (var i = 0; i < p2.length; i++) {
let tmp = p2[i].split("=");
tempStr += "<li class='list-group-item'>"+tmp[0]+": "+tmp[1]+"<button onclick=\"copy('"+tmp[1]+"')\">copy</button></li>";
t[tmp[0]] = tmp[1];
}
$("#p1").empty();
$("#p1").append(tempStr);
var n=$("#num1").val()==""?"1":$("#num1").val();
var ss="";
if(t.hasOwnProperty('id')){
ss="https://buy.m.tmall.com/order/confirmOrderWap.htm?enc=%E2%84%A2&itemId="+t.id+"&buyNow=true&_input_charset=utf-8";
}else{
ss="https://buy.m.tmall.com/order/confirmOrderWap.htm?enc=%E2%84%A2&itemId="+t.itemId+"&buyNow=true&_input_charset=utf-8";
}
if(t.hasOwnProperty('quantity')){
ss+='&quantity='+t.quantity
}else{
ss+='&quantity=1'
}
if(t.hasOwnProperty('skuId')){
ss+='&skuId='+t.skuId
}
console.log(ss);
$("#p2").html(ss);
$("#p2").append("<button onclick=\"copy('"+ss+"')\">copy</button></li>");
})
$("#btn2").on('click', function () {
$("#text1").val("");
$("#p1").empty();
$("#num1").val("");
$("#p2").html("");
$("#p3").html("");
$("#p4").html("");
})
$("#btn3").on('click', function () {
var copytext = $("#text3").val();
var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
var shortUrl = reg.exec(copytext)[0].trim()
console.log(shortUrl)
$("#p3").html(shortUrl);
$("#p4").html("<a href='"+shortUrl+"'>"+shortUrl+"</a>");
copy(shortUrl);
})
function copy(str) {
var save = function(e) {
e.clipboardData.setData('text/plain', str);
e.preventDefault();
};
document.addEventListener('copy', save);
document.execCommand('copy');
document.removeEventListener('copy', save);
console.log('复制成功');
}
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<meta name="viewport" content="width=device-width,user-scalable=0,initial-scale=1,maximum-scale=1, minimum-scale=1">
<title>xiyue</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<section>
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default" type="button" id="btn3">提取&复制</button>
</span>
<input type="text" class="form-control" id="text3" placeholder="短连接" aria-describedby="basic-addon1" value="">
</div>
<div><br>提取短连接： <br><p id="p3"></p><p id="p4"></p>
</div>
<br>
——————————————————————————————————————————————————————————————————————————————————————————————————
<br>
——————————————————————————————————————————————————————————————————————————————————————————————————
<span class="input-group-addon" id="basic-addon1">请粘贴你从详情页复制的链接</span>
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default" type="button" id="btn1">Go!</button>
</span>
<input type="text" class="form-control" id="text1" placeholder="商品详情页链接" aria-describedby="basic-addon1" value="">
</div>
如果数量不为1，请输入数量
<input type="text" class="form-control" id="num1" placeholder="数量" aria-describedby="basic-addon1" value="">
复制下面链接，可直接进入地址页，仅限单个商品，无商品规格选择。若失败，请自行去下面复制相关参数
<p id="p2"></p>
<button class="btn btn-default" type="button" id="btn2">清空</button>
<ul class="list-group" id="p1">
</ul>
</section>
</body>
</html>