JavaScript的 - 的addEventListener「點擊」不工作

我想採取從輸入一個值後點擊按鈕，但所有的時間函數JavaScript的 - 的addEventListener「點擊」不工作

var buttonToBinary = document.querySelector("#toBinary"); 
 
buttonToBinary.addEventListener('click', console.log(getInput())); 
 

 
function getInput() { 
 
    return document.querySelector("#inputSector").value; 
 
}

<input type="text" name="userInput" id="inputSector" value="aa" /> 
 
<button id="toBinary" type="submit">to binary</button>

getInput()開始加載頁面。請幫幫我。

來源

2017-05-31 Mateusz Kawka

您需要添加功能一樣，'buttonToBinary.addEventListener（ '點擊'，函數（）{ 的console.log（getInput（）） }）;' – user688

當你這樣做：

buttonToBinary.addEventListener('click', console.log(getInput()));

您的console.log(...)返回的值傳遞給addEventListener。該值爲undefined。

你想要什麼，反而是來包裝成一個功能：

var buttonToBinary = document.querySelector("#toBinary"); 
 
buttonToBinary.addEventListener('click', function() { 
 
    console.log(getInput()) 
 
}); 
 

 
function getInput() { 
 
    return document.querySelector("#inputSector").value; 
 
}

<input type="text" name="userInput" id="inputSector" value="aa" /> 
 
<button id="toBinary" type="submit">to binary</button>

來源

2017-05-31 12:12:01

爲什麼沒有實現點擊按鈕，在HTML？就像這樣：

function getInput() { 
 
console.log(document.querySelector("#inputSector").value); 
 
}

<html> 
 

 
    <head> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <script src="script.js"></script> 
 
    </head> 
 

 
    <body> 
 
    <input type="text" name="userInput" id="inputSector" value="aa" /> 
 
    <button onclick="getInput()" id="toBinary" type="submit">to binary</button> 
 
    </body> 
 

 
</html>

來源

2017-05-31 12:23:42 Janserino

JavaScript的 - 的addEventListener「點擊」不工作

回答

相關問題