使用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;是为了让它隐藏到布局之外,不影响整个布局

 

运行代码

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址