复制内容
Jonnzer Lv4
常用场景:

有时候需要复制内容,比如复制链接,需要用js实现,那么,可以这么解决

核心原理:

利用input的选择属性,获取input的值,选择它,并且执行document.execCommand("Copy") 。而且因为往往值是隐藏的,所以这个input也是不外露的。

上些代码:
1
2
<input type="text" id="inviteHideInput" value="" style="height: 1px;width: 1px;"> <!-- 这是隐藏的input -->
<input type="text" name="name" value="复制邀请函链接" class="copyInviteUrl" /> <!-- 这是触发的Dom -->
1
2
3
4
5
6
7
8
 $('.copyInviteUrl').click(function () {
var eid = getQueryString('id');
var newUrl = location.host + '/invitation?eid=' + eid;
$('#inviteHideInput').attr('value', newUrl);
$('#inviteHideInput').select();
document.execCommand("Copy"); // 执行浏览器复制命令
PopupMessage(0, "已复制,您可以使用Ctrl+V粘贴。", 1000)
});
  • 本文标题:复制内容
  • 本文作者:Jonnzer
  • 创建时间:2019-03-02 22:18:40
  • 本文链接:https://jonnzer.github.io/2019/03/02/复制内容/
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
 评论