javascript - 使用Javascript显示文本字段onChange的值

Question

我想要做的是，每当我在文本字段中输入一个值时，输入的值就会立即显示出来。

我该怎么做？无论如何我可以将值放入变量中并立即使用它而不使用onClick？

Answer 1

这是我的做法：

<script>
function change(){
    var el1 = document.getElementById("div1");
    var el2 = document.getElementById("text");
    el1.innerHTML = el2.value;
}
</script>

<input type="text" id="text" onkeypress="change()">
<div id="div1"></div>

我不认为你可以在没有任何事件的情况下做到这一点。也许您可以使用 HTML5 的 <output> 标签来做到这一点。我不是很了解，但请尝试一些研究。
W3Schools 有一些很好的例子。

希望这可以帮到你

Answer 2

不使用更改事件？你到底为什么要这个？我能想到的唯一选择是每隔一段时间进行轮询。就像是：

var theValue = "";
var theTextBox = document.getElementById('myTextBox');

// Run 10 times per second (every 100ms)
setInterval(function() {
    // Check if the value has changed
    if(theTextBox.value != theValue)
    {
        theValue = theTextBox.value;
    }
}, 100);

Answer 3

<script>
function change(){
var el1 = document.getElementById("div1");
var el2 = document.getElementById("text");
el1.innerHTML = el2.value;
}
function changenew(){
var el1 = document.getElementById("div1");
var el2 = document.getElementById("text");
el1.innerHTML = el2.value;
}
</script>

<input type="text" id="text" onkeypress="change()" onchange="changenew()">

是否可以

Answer 4

您可以检查您的输入字段是否处于焦点，然后侦听任何键输入事件并使用适当的字符更新您的显示字段。

Answer 5

html:

​<input type="text" id="myText"/>
<span id="output"></span>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

js：

var myText = document.getElementById("myText");
myText.onkeyup = function(){
   var output = document.getElementById("output");
   output.innerHTML = this.value;
}

演示： http: //jsfiddle.net/seUBJ/ ​</p>