添加内容根据输入值

问题描述:

我知道这是一个非常简单的问题div的,但我怎么将内容添加到一个div当用户键入到输入字段,并按下了ENTER?添加内容根据输入值

我曾尝试:

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。开始打字并回车。

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

+0

哪里是你的writeit功能?另外要注意,你似乎有一个全局变量'x' – Greg 2013-02-28 05:49:39

+0

它的另一个JavaScript文件,但它与此无关 – 2013-02-28 05:50:33

+0

您的div或输入元素在内容页面中? – Karamafrooz 2013-02-28 05:51:40

你是非常接近:

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

谢谢你,这个工作! – 2013-02-28 06:02:21