html代码
<button type="button"
did="需要复制的内容"
class="layui-btn layui-btn-sm copys">
复制访问链接
</button>
js部分的代码
$(".copys").on('click',async function(){
let obj=$(this);
let text=obj.attr('did');
try {
await navigator.clipboard.writeText(text);
done($(this), '✅ 已复制');
} catch (e) {
// 兜底
fallbackCopy(text);
done($(this), '✅ 已复制');
}
})
js所用到的函数
function done($btn, msg) {
$btn.text(msg);
setTimeout(function () { $btn.text('复制链接'); }, 1500);
}
function fallbackCopy(text) {
var $ta = $('<textarea>')
.val(text)
.css({ position:'fixed', left:'-9999px', top:'-9999px' })
.appendTo('body');
$ta[0].focus();
$ta[0].select();
document.execCommand('copy');
$ta.remove();
}