为什么这个javascript代码不起作用？

Question

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

我想让div'divi'显示输入框'hitbox'中的内容。

编辑：将此代码放在此处并不困难，特别是如果它是这么短的

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

Answer 1

本机onchange事件不像jQuery版本那样工作。

使用

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

Answer 2

onchange只有在文本框失去焦点后才会触发 - 要使用onkeyup事件“

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

（您也可以在事件处理程序中使用this）

测试用例：http://jsfiddle.net/FZQuM/10/

Answer 3

使用.value代替.text

我把它变成了匿名函数：

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

Answer 4

使用“value”属性而不是文本。并使用onchange事件作为属性而不是onchange（）

http://jsfiddle.net/FZQuM/3