时间戳

首页 > 解决方案 > 选择变量字符串值

javascript - 选择变量字符串值

问题描述

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

我被困在.select()，因为它不适用于变量。我插入了alertbefore.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>

标签： javascript

解决方案

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

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

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'>

推荐阅读