使用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>

 

© 版权声明
THE END
喜欢就支持一下吧
点赞7
分享
评论 共2条
  • ZSBT666

    昵称

  • 取消
    昵称
    • ZSBT666
    • 一位WordPress评论者0
      嗨,这是一条评论。 要开始审核、编辑及删除评论,请访问仪表盘的“评论”页面。 评论者头像来自Gravatar
      1月前回复
    • ZSBT666
    • 一位WordPress评论者0
      嗨,这是一条评论。 要开始审核、编辑及删除评论,请访问仪表盘的“评论”页面。 评论者头像来自Gravatar
      1月前回复