javascript - 选择变量字符串值

Question

这个问题已经有答案了:

Copy text string on click (12 个回答)

已关闭 4 年前。

我想从文本框中获取输入，将其值与字符串连接，然后将其复制到剪贴板。

我被困在.select() ，因为它不适用于变量。我插入了 alert之前.select()检查它的值，但这没关系。警报值应复制到剪贴板。

function copyLink() {
  var siteNumber = document.getElementById("number");
  var home = "http://www.website.com/site";
  var link = home.concat(siteNumber.value);
  alert(link);
  link.select();
  document.execCommand("copy");
  alert("Copied the text: " + link);
}

<input type="text" id="number">
<button onclick="copyLink()">Copy input as link</button>

Answer 1

看来您需要将值附加到 dom 中以select。对于这种情况，创建一个隐藏输入并将其值设置为链接。然后再次复制后将其设置为空字符串。

对于字符串连接，您可以使用+

function copyLink() {
  var siteNumber = document.getElementById("number");
  var home = "http://www.website.com/site";
  var link = home + siteNumber.value;
  let _h = document.getElementById('hiddenIp');
  _h.value = link
  //alert(link);
  _h.select();
  document.execCommand("copy");
  _h.value = '';
  alert("Copied the text: " + link);
}

<input type="text" id="number">

<button onclick="copyLink()">Copy input as link</button>

<input type='hidden' id='hiddenIp'>