首頁猿問關(guān)于JS：使用一個變量存儲inpu...

關(guān)于JS：使用一個變量存儲input.value 的值，為什么該變量取不到值？

JavaScript

白豬掌柜的 2018-09-07 10:09:22

代碼如下：<input type="text" id="input"/><script>var txt = document.getElementById("input");var name = txt.value; txt.onblur = function(){ alert(name); }</script>以上代碼并不能取值，結(jié)果如圖：圖：彈出的對話框一片空白，什么都沒有。不知道為什么傳不了圖，唉，諸事不順?。?

查看完整描述

1 回答

呼如林

TA貢獻1798條經(jīng)驗獲得超3個贊

取不到值的原因是你還沒有輸入值你的代碼

var name = txt.value;

就已經(jīng)執(zhí)行了，所以取值為空。這樣即可：

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

txt.onchange = function(){  //覺得用onchange更好，onblur也可以的
    var name = txt.value;  //取值要在監(jiān)聽事件之后，不然在之前取值就為空
    alert(name);
}

哈哈，諸事不順，學(xué)會調(diào)試吧，會順很多。放到瀏覽器，打開chrome開發(fā)者工具，對js代碼打斷點，進行調(diào)試，查看你取的值，你就會發(fā)現(xiàn)問題。發(fā)現(xiàn)問題解決問題，自己發(fā)現(xiàn)答案比別人告訴答案更驚喜。而調(diào)試會給你驚喜。

反對回復(fù) 2018-10-17