添加内容根据输入值
问题描述:
我知道这是一个非常简单的问题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。开始打字并回车。
再次,这听起来像一个非常简单的问题,但我不能得到它的工作。谢谢!!!
答
你是非常接近:
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
哪里是你的writeit功能?另外要注意,你似乎有一个全局变量'x' – Greg 2013-02-28 05:49:39
它的另一个JavaScript文件,但它与此无关 – 2013-02-28 05:50:33
您的div或输入元素在内容页面中? – Karamafrooz 2013-02-28 05:51:40