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()开始加载页面。请帮帮我。

您需要添加功能一样，'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>

答

为什么没有实现点击按钮，在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>

JavaScript的 - 的addEventListener“点击”不工作

相关推荐