将input框中的值复制到浏览器的剪切板中

最新推荐文章于 2021-06-19 17:38:23 发布

原创最新推荐文章于 2021-06-19 17:38:23 发布 · 652 阅读

0 ·

CC 4.0 BY-SA版权

jquery or js 同时被 2 个专栏收录

2 篇文章

订阅专栏

html

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的一键复制链接功能的方法。通过创建隐藏的输入元素并利用DOM操作结合浏览器的复制命令，使得用户能够方便地复制指定的URL链接。

<input  type="hidden"  id="qrcodeUrl" value="https://www.baidu.com">


<button class="button-code button-copy">复制链接</button>

$(".button-copy").on("click", function(){
    var qrcodeUrl = $("#qrcodeUrl").val();
    var oInput = document.createElement('input');
    oInput.value = qrcodeUrl;
    document.body.appendChild(oInput);
    oInput.select(); // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
    oInput.className = 'oInput';
    alert('复制成功');

});