Angular js 复制粘贴
关于copy到剪切板的实现需要引用Clipboard.min.js
https://pan.baidu.com/s/1eStTJlo
页面如下所示,需要实现 点击copy字样 将id为content的内容复制到剪切板中的功能
<div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="myModalLabel"> Daily Reprot </h4> <a id="btn" style="float:right;padding-right:15px" data-clipboard-action="copy" data-clipboard-target="#content"> <i style="font-size:small" class="glyphicon glyphicon-file"></i> <span style="font-size:small">Copy</span> </a> </div> <div id="content"class="modal-body"> </div> </div>
在js中填加如下代码,并设置拷贝成功提示
var clipboard = new Clipboard('#btn'); clipboard.on('success', function (e) { layer.msg("Copy successfully,you can paste to email directly!"); console.log(e); }); clipboard.on('error', function (e) { console.log(e); });
在IE中会提示 Allow Access 点击yes即可
MrNou
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步