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

<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 3

change イベントを使わずに？なぜこれが欲しいのですか？私が考えることができる唯一の代替手段は、間隔を置いてポーリングすることです。何かのようなもの：

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 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>