javascript - 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('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>