Outside click hide div

JavaScript hide element on click outside

function hideOnClickOutside(element) {
    const outsideClickListener = event => {
        if (!element.contains(event.target) && isVisible(element)) { // or use: event.target.closest(selector) === null
          element.style.display = 'none';
          removeClickListener();
        }
    }

    const removeClickListener = () => {
        document.removeEventListener('click', outsideClickListener);
    }

    document.addEventListener('click', outsideClickListener);
}

const isVisible = elem => !!elem && !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length ); // source (2018-03-11): https://github.com/jquery/jquery/blob/master/src/css/hiddenVisibleSelectors.js

Source: stackoverflow.com

Similar codes

0 vote274 views1 answer
Html peseta symbol
Html
2 votes263 views1 answer
User cant input somethin ing text bopx
Html
0 vote254 views1 answer
Scrool immagini html
Html
-2 votes254 views2 answers
Onclick hide div javascript
Html
1 vote249 views1 answer
Django template variable remove all spaces
Html
26 votes260 views4 answers
Html select default
Html
0 vote267 views1 answer
7th science book
Html
0 vote246 views1 answer
Html to flutter
Html
0 vote253 views1 answer
File read from outbox
Html
23 votes247 views3 answers
Html tag email
Html