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

474 ℃

在按钮上添加一个点击事件监听器。当用户点击按钮时,我们将获取文本框中的链接,并使用 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,我们会在看到邮件的第一时间内为您处理!

如何将XML转换为PHP数组
js如何封装一个获取随机数方法(指定范围)
帝国cms7.2版本默认伪静态规则
php利用三大函数检测数组是否为空
织梦cms评论把IP地址的最后一位隐藏起来