javascript - 如何将用户在textarea中输入的内容设置为javascript变量？

Question

嗨，我有一个 HTML 文本区域。我希望用户在其中输入的内容显示在屏幕上并存储在变量中。我有显示部分，但我不知道如何将其存储为变量。

html

 <textarea id="input" maxlength="50" name="Text" placeholder="Max. 50 characters"></textarea>

JavaScript

$('#input').keyup(function() {
        $('#text').html($(this).val());
        var yourText = this.val();
    });

Answer 1

首先，您应该使用 change或input而不是keyup 。并不是每个人都使用键盘!

其次，只有 jQuery 对象才有 val()方法。使用this您指的是 <textarea>不包含以下内容的元素:

$('#input').on("input", function() {
    var yourText = $(this).val(); // Only jQuery objects have a .val()
    $('#text').html(yourText); // Pass your variable in here
});

jsFiddle Demo