时间戳

首页 > 解决方案 > 如何选择要复制的变量？

javascript - 如何选择要复制的变量？

问题描述

var delayBecauseFirebase = 1000;
setTimeout(function() {
      var buttonShowJ = document.getElementById("buttonShow");
      var messagesInJ = document.getElementById("messagesIn");
      if(buttonShowJ)
      {
        buttonShowJ.addEventListener("click",function(){
          var info = messagesInJ.innerHTML.replace(`<button id="buttonShow">Copy</button>`,"");
          info.select(); \\**(!HERE, because that doesnt works)**
          document.execCommand("copy");
        });
      }else{
        console.log("error");
      }
}, delayBecauseFirebase);

我想选择“文本”里面的信息可以做

document.execCommand("复制");

但我不知道如何将select用于该var。

标签： javascript

解决方案

我认为这可以工作

  • 在 HTML 中
<div class="container">
  <div id="messagesIn">
    ...Some Text
  </div>
  <button id="buttonShow">Copy</button>
</div>
  • 然后在代码中
var delayBecauseFirebase = 1000;

function copyText(){
    //Select your text
    var range = document.createRange();
    range.selectNode(document.getElementById("messagesIn"));
    window.getSelection().removeAllRanges();
    window.getSelection().addRange(range);

    //Call copy command
    document.execCommand("copy");
}

function addClickListener() {
    var buttonShowJ = document.getElementById("buttonShow");
    if(buttonShowJ){
        buttonShowJ.addEventListener("click", copyText);
    }else{
        console.error("Copy button not found");
    }
}

setTimeout(addClickListener, delayBecauseFirebase);

推荐帖子：

推荐阅读