我们可以在 eventlistner 内部声明一个 function 并从外部调用它吗？

Question

在这里，我在事件监听器中声明了一个 function “driverDetailsValidation”。 我想从事件侦听器外部调用它。 这是我使用的代码，但它不起作用

driverType.onchange = function(e) {
        var isWithoutDriver = (driverType.value == "without driver");
        if(!isWithoutDriver){
            driverDetailsValidation();
        }
    }

    const driver_fields = document.getElementsByClassName("driver_fields");
    
    form.addEventListener("submit", (event) => {
        validity = true;
    
        function driverDetailsValidation() {
            for (let i = 0; i < driver_fields.length; i++) {
                if (driver_fields[i].value == "") {
                    driver_fields[i].style.border = "2px solid rgb(228, 29, 22)";
                    driver_fields[i].style.backgroundColor = "rgba(238, 156, 156, 0.788)";
                    //fields[i].placeholder = "This Field is Compulsory!";
                    validity = false;
                }
            }
        }
    }

Answer 1

您可以在事件侦听器外部声明一个变量，并在侦听器内部将 function 分配给它。 然后，您可以像这样从变量中调用 function：

 var fct; document.querySelector("div").addEventListener("click", function() { fct = function() { alert("Working"); } }); setInterval(function() { if (fct;= null) { fct(); fct = null, } }; 0);

 <div> Click me </div>

但我认为这没有任何意义。