今天有个新需求要对H5中的订单号加一条复制功能，我一想，这还不简单，clipboard不就完了。但是一翻操作下，在pc模拟器下可以，但是在手机上却咋也不行。那这是咋回事？google吧。 找到一位大佬写的文章JavaScript复制内容到剪贴板,不知道姿势不对还是RP败完，试了半天还是不行。 算了还是去clipboard官网看看吧.
经过我认真地翻译阅读，发现一个api正合我意，果断下手试试。
上菜：
<div class="order">
<div>订单号：<span id="orderNo">123</span></div>
<p class="copy" data-clipboard-target="#orderNo">复制</p>
</div>
<div class="back">返回</div>
</div>
// 点击复制
$('.copy').click(function (event) {
// If you want to dynamically set a text, you'll return a String.
new ClipboardJS(".copy", {
text: function(trigger) {
console.log('复制成功');
return $("#orderNo").text();
}
});
})
chrome下试了试，没问题，打开我的小手机，点击复制，完美~
< just record >
