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

491 ℃

在按钮上添加一个点击事件监听器。当用户点击按钮时,我们将获取文本框中的链接,并使用 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);
  });
});

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

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

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

JavaScript动态绑定方法不执行正确代码示例

一个可以在网页上实现流畅、酷炫的过渡效果JavaScript工具库——Barba.js

标签: js复制粘贴

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

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

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

Trae:新一代免费的AI编程工具
axios中文文档官网介绍
flex布局:如何将元素智能地固定在底部
jQuery如何禁止浏览器页面所有刷新功能
mysql批量删除dedecms指定栏目下所有文章及栏目
RTvue 低代码开发平台