addEventListener 중복 방지 예시

ad-create 선택자 클릭 시 adCreatePopupBtn 선택자 클릭 이벤트 중복 방지 예시

document.querySelector("#ad-create").addEventListener("click", async (e) => {

    if(!isProcess) {
        e.stopPropagation();

        if(await checkValidData()) {

            let data = await setData();

            document.querySelector("#popup").classList.add("show");
            document.querySelector(".popup-ad-create").classList.add("show");
            document.querySelector("body").classList.add("no-scroll");

            if(document.querySelector("#adCreatePopupBtn").clickHandler) {
                document.querySelector("#adCreatePopupBtn").removeEventListener("click", document.querySelector("#adCreatePopupBtn").clickHandler);
            }

            document.querySelector("#adCreatePopupBtn").clickHandler = async () => {
                isProcess = true;

                await addAdContent(data);

                isProcess = false;
            }

            document.querySelector("#adCreatePopupBtn").addEventListener("click",  document.querySelector("#adCreatePopupBtn").clickHandler);

        }
    } else {
        alert("등록중입니다.");
    }
});