码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2020-05-08 14:42:19      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:input   length   ado   写代码   max   comm   exec   select   doc   

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 根据自己的需求改写代码即可

 

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

标签:input   length   ado   写代码   max   comm   exec   select   doc   

原文地址:https://www.cnblogs.com/wxhhts/p/12850350.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!