为什么这段 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

使用“值”属性而不是文本。并使用 onchange 事件作为属性而不是 onchange()

http://jsfiddle.net/FZQuM/3