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

413 ℃

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

js用最简单的方法实现2个数组的交叉一对一合并

如何利用js语法将2个数组进行交叉合并

利用js语法把数组根据相同key转换成嵌套数组格式

javascript语法如何把json文件输出到html页面上

js点击按钮从服务器上下载json文件(不是打开文件)

标签: js复制粘贴

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

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

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

vue在刷新页面后如何保证路由不变
php语法怎么取出并删除数组中的各种元素
css如何利用flex实现响应式布局
vue3面试题:v-if 和 v-for 的优先级哪个高?
网站该怎样做才能更好的吸引百度蜘蛛?