javascript - 从 "AddEventListener"启动函数？

Question

我有一个在触发事件时需要调用的函数，但由于某种原因我收到语法错误。当我将函数放入事件监听器中时，它曾经工作得很好，但现在我需要能够调用它。

rbProject.addEventListener('change', rbProjectClicked()) { // LINE WITH ERROR

})

function rbProjectClicked(){

    txtReference.placeholder = "Insert project reference";
    txtTitle.placeholder = "Insert project title";
    txtReference.value = ""
    txtTitle.value = "";
    txtReference.disabled = false;
    txtTitle.disabled = false;
    document.getElementById('divProjectManager').style.display = '';
    document.getElementById('divAccountManager').style.display = 'none';

    document.getElementById('divAccountFeedback').style.display = 'none';
    document.getElementById('divClientFeedbackOver').style.display = '';
    document.getElementById('divClientFeedbackUnder').style.display = '';
}

Answer 1

您将 rbProjectClicked() 的结果绑定(bind)到 change 事件，而不是函数引用。

这样做:

rbProject.addEventListener('change', rbProjectClicked);

注意，我从 rbProjectClicked 中删除了尾随的 ()。 () 调用函数调用，但您只想绑定(bind)对该函数的引用。 rbProjectClicked 是对该函数的引用。