需要帮助显示使用javascript在div中按下的字母

时间:2011-04-22 20:43:27

标签: javascript

这是我到目前为止所得到的,我在div中得到“未定义”而不是按下的实际字母。

<script language="JavaScript">
    document.onkeydown = checkKeycode;

    function checkKeycode(e) 
    {
        var keycode;
        if (window.event) 
        {
            keycode = window.event.keyCode;
        }
        else if (e) keycode = e.which;

        var character = String.fromCharCode(keycode);
        var letterDiv = document.getElementById("letter1");
        letterDiv.innerHTML =character.innerHTML;
</script>

2 个答案:

答案 0 :(得分:1)

这是JSFiddle Demo:

将letterDiv的innerHtml设置为var character而不是character.innerHTML的内部HTML。 var character是一个字符串而不是一个元素。

document.onkeydown = checkKeycode;

    function checkKeycode(e) {
        var keycode;
        if (window.event) {
            keycode = window.event.keyCode;
        }
        else if (e) keycode = e.which;

        var character = String.fromCharCode(keycode);
        var letterDiv = document.getElementById("letter1");
        letterDiv.innerHTML = character;
    }

答案 1 :(得分:0)

innerHTML移除character,如下所示:

letterDiv.innerHTML = character;

此外,在您的示例中,您似乎缺少函数的结束括号}。我怀疑你的实际项目中不存在这个问题。