js点击按钮复制当前浏览器链接(测试有效)

500 ℃

在按钮上添加一个点击事件监听器。当用户点击按钮时,我们将获取文本框中的链接,并使用 navigator.clipboard.writeText() 方法将其复制到剪贴板中。

具体代码如下:

document.querySelector("#copyBtn").addEventListener("click", function() {
  //var url = document.querySelector("#url").value; //input指定url地址
  var url = window.location.href //获取当前地址
  navigator.clipboard.writeText(url).then(function() {
    console.log("链接已复制到剪贴板!");
  }).catch(function(err) {
    console.log("无法复制链接: " + err);
  });
});

盘点50个全面的正则表达式集合,从基本验证到高级匹配

js不同地区身份证正则表达式大全

一款专门用于在JavaScript和TypeScript的货币处理工具库——Dinero.js

JavaScript动态日历:如何用变量num精准控制月份递增?

一款开源JavaScript库,实现图片背景色智能提取与融合——AutoHue.js

标签: js复制粘贴

上面是“js点击按钮复制当前浏览器链接(测试有效)”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_5107.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
el-time-select赋值失败解决方法(从接口获取值赋值不上去)
如何在SEO中优化网站中的图片?
ztext酷炫3D特效文字的JS插件库文档官网介绍
帝国cms灵动标签的适用方法
git教程之SourceTree使用介绍,附官网下载链接