1

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

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

4

5 回答 5

2

这是我的做法：

<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 有一些很好的例子。

希望这可以帮到你

于 2012-05-13T17:09:21.917 回答
1

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

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);
于 2012-05-13T17:11:38.740 回答
1 
<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()">

是否可以

于 2013-06-26T13:25:43.690 回答
0

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

于 2012-05-13T17:11:28.927 回答
0

html:

​&lt;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>

于 2012-05-13T17:11:48.800 回答