前端实现复制功能
// //复制按钮事件 $scope.copy = function(value){ var oInput = document.createElement('input'); oInput.value = value; document.body.appendChild(oInput); oInput.select(); // 选择对象 var copyText = document.execCommand("Copy"); // 执行浏览器复制命令 oInput.style.display = 'none'; //判断是否复制成功,成功弹框提示 if(copyText){ var layer=document.createElement("div"); layer.id="layer"; layer.innerHTML="复制成功" var style= { background:"#000000", color:"#ffffff", position:"absolute", zIndex:10, width:"180px", height:"60px", lineHeight:"60px", textAlign:"center", fontSize:"18px", borderRadius:"10px", opacity: 0.75, left:"48%", top:"40%" } for(var i in style) layer.style[i]=style[i]; if(document.getElementById("layer")==null) { document.body.appendChild(layer); setTimeout("document.body.removeChild(layer)",2000) } } }
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦