我們可以在 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>

但我認為這沒有任何意義。