根据输入值向div添加内容

时间:2013-02-28 05:48:04

标签: javascript html input

我知道这是一个非常简单的问题,但是当用户输入输入字段并点击输入时,如何向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。开始输入并按Enter键。

再次,这听起来像一个非常简单的问题,但我不能让它工作。感谢!!!

1 个答案:

答案 0 :(得分:3)

你真的很亲密:

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());
    }
  });
});