点击按钮复制当前页面链接

点击按钮复制当前页面链接

html

点击按钮：<a href="javascript:;" onClick="copyUrl()">复制链接</a>

获取链接文本：<input type="text" id="fzurl" value="">

css

获取链接文本得 input 需要加个样式 ，定位到窗口外 或者设为透明，存放文本的容器不能隐藏， 隐藏得话，复制就失效了

#fzurl{
    width: 1px;
    height: 1px;
    position: absolute;
    left: -100%;
    bottom: -100%;
}

js

function copyUrl()
{
    /*获取页面地址*/
    
    //当前页面地址传给 #fzurl
    $('#fzurl').val(window.location.href);
    
    /*复制*/
    
    //获取 input 获取到的页面地址
    var copyUrl=document.getElementById("fzurl");
    
    // 选择对象
    copyUrl.select(); 
    
    // 执行浏览器复制命令
    document.execCommand("Copy");
    
    //输出提示
    alert("链接复制成功");
}