2

これは非常に単純な質問ですが、ユーザーが入力フィールドに入力して 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 にアクセスしてください。入力を開始し、Enter キーを押します。

繰り返しますが、これは非常に単純な質問のように聞こえますが、うまくいきません。ありがとう！！！

4

1 に答える 1

4

あなたは本当に親しかった：

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());
    }
  });
});
于 2013-02-28T05:58:55.390 に答える