企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>HTML学习>正文

jquery点击按钮复制内容

2026-05-25 15:30:49 浏览 126

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();
}


网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音