javascript - 根据输入值向div添加内容

Question

我知道这是一个非常简单的问题，但是当用户在输入字段中输入内容并按 Enter 键时，如何将内容添加到 div 中？

我试过了：

document.addEventListener('keydown', function(e){
    if(e.keyCode === 13) {
        function bleh() {
            var from = document.getElementById('setter').value;
            x = document.getElementById("mything");
            x.innerHTML = from;
        }
    }
})

我的 HTML 是：

    <input type="text" autofocus="autofocus" id="setter" 

   onkeydown="writeit(this, event);moveIt(this.value.length, event)"  

    onkeyup="writeit(this, event)" onkeypress="writeit(this, event);"></input>

如果您想查看它的实际效果，请访问 thomaswd.com/cmd。开始输入并按回车键。

再一次，这听起来像一个非常简单的问题，但我无法让它发挥作用。谢谢！！！

Answer 1

你真的很亲密：

document.getElementById("setter").addEventListener('keydown', function(e){
    if(e.keyCode === 13) {
    var from = this.value;
    x = document.getElementById("mything");
    x.innerHTML = from;
    }
})

JSFiddle：http: //jsfiddle.net/9bbR2/

虽然我建议使用 jQuery，但它更简单。

$(function() {
  $("#setter").keydown(function(e) {
    if(e.keyCode === 13) {
        $("#mything").text($(this).val());
    }
  });
});