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的＆lt; output＆gt;来做到这一点。标签。我不是很了解，但尝试一些研究 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

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

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/

使用Javascript显示textfield onChange的值

5 个答案: