ITPub博客

首页 > IT职业 > IT生活 > 前端实现复制功能

前端实现复制功能

IT生活 作者:megahertz 时间:2021-09-09 10:45:27 0 删除 编辑
//

//复制按钮事件
$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)
        }
    }

}


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4419/viewspace-2825854/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-12

  • 博文量
    93
  • 访问量
    716