Question

在一个简单的网页中，我试图抓取输入字段的值，因为它被输入并在代码的上下文中同时显示它。

因此，用户可以将URL传递到输入字段，并立即更新显示的代码，以便他可以轻松复制更新代码。例如：

<input type='text' name='typedURL'>
Here is your code: <a href="value of typedURL">copy this</a>

我在互联网上搜索过，并且认为最好的解决方案是使用它：

<form onsubmit="return false" onkeyup="o.value = a.value">
<input name="a" id="a" type="text" step="any">
<br>
Here is your code:
<code>
<a href="<output name="o" for="a b"></output>">Copy this code</a>
</form>

但是我无法输出值PLUS周围的代码。

Answer 1

您可以选择输入值（使用querySelector和.value），然后在JS中使用href更改属性.value。这里的代码：

＆＃13;

  var input = document.querySelector(".valore");
  var link = document.getElementById("href");
  input.addEventListener("keydown", function() {
       link.innerHTML = input.value;
       link.href = link.innerHTML;
  });

＆＃13;

  <input type="text" class="valore">
  <a href="#" id="href"></a>

＆＃13;

在代码上下文中显示键入的文本

1 个答案: