未捕獲的ReferenceError：未定義getStr

Question

我正在嘗試使用函數作為關閉函數的參數來測試addEventListener。 如果我在沒有addEventListener的情況下調用，它將為我提供值，並使用addEventListener給出getStr不是函數的錯誤。 請幫忙！

---

Name: <input type="text" id = "myText" value="" placeholder="String ..." />
<button type="submit">Submit Search</button>
<div id="od"></div>

var getStrVal = (function(strFunc) {
    console.log(strFunc);
    document.getElementById("od").innerHTML = strFunc;
})();

//get string value              
var strSol = function() {
    var searchStr = document.getElementById("myText").value;
}

addEventListener("click", getStrVal(strSol), false);

Answer 1

這是您要達到的目標的工作示例。 我已經刪除了立即調用的getStrVal函數，該函數給了您Uncaught TypeError: getStrVal is not a function

 var getStrVal = function(strFunc) { document.getElementById("od").innerHTML = strFunc(); }; //get string value var strSol = function() { return document.getElementById("myText").value; } document.getElementById('btn').onclick = function() { getStrVal(strSol); }; 

 Name: <input type="text" id = "myText" value="" placeholder="String ..." /> <button id="btn" type="submit">Submit Search</button> <div id="od"></div>