JavaScript 调用调用浏览器 复制功能用来复制内容

Posted 2020-12-15 欢迎

JS 调用浏览器 复制功能

<textarea  class="copy_link" maxlength="200" readonly>{$val.url}</textarea>
<button class="btn copy_btn btn-xs btn-primary" type="button">复制</button>


$(document).on(‘click‘, ‘.copy_btn‘, function () {
            var copy_link =$(this).siblings(‘.copy_link‘);
            
            copy_link.select();
            document.execCommand("Copy"); // 执行浏览器复制命令
  })

 

注意：如果要做隐藏域的话。

复制的内容一定是input 或者textarea 文本框。

文本框 不能用display:none 或者hidden隐藏。或者宽高0 隐藏（谷歌不行）

可以opacty:0 position:absolute 隐藏

 

这里用了jq 根据自己的需求改写代码即可