javascript - 带有文本框的Javascript setInterval()

Javascript：

        var header = $("#inputHeader").val();

    function coolInput() {
        if (header === "") {
            $("#displayHeader").text("Type Something!");
        }
        else if(header !== "") {
            $("#inputHeader").keyup(function () {
                var value = $(this).val();
                $("#displayHeader").text(value);
            }).keyup();
        }
    }

    setInterval(coolInput, 1);

HTML：

        <blockquote>
            <p id="displayHeader">jQuery no worky.</p>
            <small><?php echo $_SESSION['user']; ?></small>
        </blockquote>

我的jQuery确实有效，因为该段落已更改为“ Type Something！”，但是当我在文本框中输入内容时，该值不会更改。

最佳答案

val()的返回值为纯字符串。它不是实时更新的。

每次调用val()函数时，都需要在jQuery包装器对象上调用coolInput。

var inputHeader = $("#inputHeader");
function coolInput() {
    var header = inputHeader.val();