Warum funktioniert dieser JavaScript-Code nicht?

Question

http://jsfiddle.net/FZQuM/2/

Ich möchte das Div 'Divi' zeigen, was in der Eingabebox 'Hitbox' ist.

EDIT: es ist wirklich diesen Code nicht schwer an dieser Stelle setzt, vor allem, wenn es diese kurzen

ist

document.getElementById('hitbox') 
    .onchange(document.getElementById('divi') 
       .innerHTML = document.getElementById('hitbox').value; 

Answer 1

Die onchange wird erst nach dem Textbox Feuer Fokus verlieren - um zu sehen, es so etwas wie onkeyup Ereignis verwenden „leben“:

document.getElementById('hitbox').onkeyup = function() { 
    document.getElementById('divi').innerHTML =this.value; 
}; 

Testfall (Sie können auch this während im Ereignishandler verwenden): http://jsfiddle.net/FZQuM/10/

Answer 2

Das native onchange Ereignis nicht wie sein jQuery Pendant funktioniert.

Verwenden

document.getElementById('hitbox').onchange = function() { ..... } 

Answer 3

Verwenden .value statt .text

und ich habe es eine anonyme Funktion:

document.getElementById('hitbox').onchange = function() {document.getElementById('divi').innerHTML = this.value}; 

Answer 4

Use "value" Eigenschaft anstelle von Text. Und OnChange-Ereignis als Eigenschaft und nicht als onchange()

http://jsfiddle.net/FZQuM/3