使用js点击复制按钮将textarea框隐藏

完整代码

<style>
#xulgr-bzm-input{
position:absolute;
top:-9999px;
left:-9999px;
}
</style>
<p id="xulgr-bzm-text">被复制的内容</p>
<textarea id="xulgr-bzm-input" readonly="readonly"></textarea>
<dd onclick="xulgrcopyText()" id="mcllts" class="xulgrbtn xulgrbtn-out-hh xulgrbtn-yj">点击快速复制</dd>
<script>
function xulgrcopyText() {
    var text = document.getElementById("xulgr-bzm-text").innerText;
    var input = document.getElementById("xulgr-bzm-input");
    input.value = text;
    input.select();
    document.execCommand("copy");
}
$("#mcllts").on("click", function(){
layer.msg("内容已复制成功");
});
</script>

注：这是复制提示我用了layer弹出层，请自行引入layer.js

position:absolute是css中的隐藏元素，这个的好处是隐藏后不影响效果，而使用top:-9999px; left:-9999px;是为了让它隐藏到布局之外，不影响整个布局

 

运行代码