Question

如何用输入字段中的任何内容编写h1？

这样的事情：

<input id="inputtxt" type="text" value="Insert text here..">
<h1 id="newtxt"></h1>

<script>
var txtelement

txtelement = document.getElementById("inputtxt").value;
document.getElementById("newtxt").innerHTML=txtelement;

</script>

它在页面加载时重复，但在写入时不重复

Answer 1

您可以使用.oninput事件：

document.getElementById("inputtxt").oninput = function(e){
    document.getElementById("newtxt").innerHTML=e.target.value;
};

注意：您可以使用占位符代替值来向输入字段内的用户显示默认消息。

希望这有帮助。

document.getElementById("inputtxt").oninput = function(e){
  document.getElementById("newtxt").innerHTML=e.target.value;
};

<input id="inputtxt" type="text" placeholder="Insert text here..">
<h1 id="newtxt"></h1>

Answer 2

您可以编写一个javascript函数，然后在事件发生时调用该函数，如onchange，onclick等。

示例：

<强> HTML

python setup.py install

<强>的JavaScript

<input id="inputtxt" type="text" value="Insert text here.." onkeyup="updateText()" />
<h1 id="newtxt"></h1>

你可以看到它在这个JS小提琴中工作：https://jsfiddle.net/igor_9000/e82jahq2/

希望有所帮助！

Answer 3

您可以添加onkeyup事件：

＆＃13;

var txtelement;
var input = document.getElementById("inputtxt");
var newtxt = document.getElementById("newtxt");
input.onkeyup = function() {
  txtelement = input.value;
  newtxt.innerHTML=txtelement;
};
input.onkeyup()

＆＃13;

<input id="inputtxt" type="text" value="Insert text here..">
<h1 id="newtxt"></h1>

＆＃13;

JS复制输入的值

3 个答案: