سلام ، امیدوارم حالتون خوب باشه.

روش اول :

میتونید روی window یک click event ست کنید و submenu رو hide کنید .

سپس باید برای submenu یک click event ست کنید و در آن stopPropagation را اعمال کنید تا کلیک روی window بر submenu اعمال نشود .

مثل کد زیر:

window.addEventListener('click' ,(e)=>{
     // hide menu
})
submenu.addEventListenrt('click' ,(e)=>{
    e.stopPropagation()
    //show menu
})

روش دوم :

میتوانید مثل روش اول روی window یک click event ست کنید و چک کنید اگر برابر با submenu نبود المنت hide بشود

مثل کد زیر:

window.addEventListener('click' ,(e)=>{
    if(e.target != submenu){
        // hide menu
    }
})

موفق باشید .