jQuery值提升

Question

这是代码：

<input type="text" id="name" />
<script>
    var name = $("#name").val();
</script>

加载页面后，我在输入框中输入值。这是我在值

之后在chrome控制台中输入的内容

console.log(name);

我得到空字符串

Answer 1

使用：

<input type="text" id="name" />
<script>
    $(document).on('keyup', '#name', function(){
        name = $(this).val();
    });
</script>

只有在输入值后，才会将#name的值指定给变量name。

Answer 2

您需要在键入后调用$("#name").val()，否则将在页面加载时加载，并且由于此时输入为空，您将获得一个空字符串。

Answer 3

这不起作用，因为Chrome控制台不知道您的JavaScript值是什么，它们的范围不是全局的。您需要在脚本标记中编写console.log（name），或在控制台（和赋值）中声明您的名称变量并记录它。