javascript - 关于JS：使用一个变量存储input.value 的值，为什么该变量取不到值？

问题描述

问 题

代码如下：

<input type="text" id="input"/>
<script>
var txt = document.getElementById("input");
var name = txt.value;
    txt.onblur = function(){
        alert(name);
    }
</script>

以上代码并不能取值，结果如图：

图：弹出的对话框一片空白，什么都没有。

不知道为什么传不了图，唉，诸事不顺啊！

解决方案

取不到值的原因是你还没有输入值你的代码

var name = txt.value;

就已经执行了，所以取值为空。这样即可：

var txt = document.getElementById("input");   

txt.onchange = function(){  //觉得用onchange更好，onblur也可以的
    var name = txt.value;  //取值要在监听事件之后，不然在之前取值就为空
    alert(name);
}

哈哈，诸事不顺，学会调试吧，会顺很多。放到浏览器，打开chrome开发者工具，对js代码打断点，进行调试，查看你取的值，你就会发现问题。发现问题解决问题，自己发现答案比别人告诉答案更惊喜。而调试会给你惊喜。

这篇关于javascript - 关于JS：使用一个变量存储input.value 的值，为什么该变量取不到值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！