Breaking News: Grepper is joining You.com. Read the official announcement!

handle click outside the element

Add Answer

Crazy abogato answered on July 22, 2019 Popularity 9/10 Helpfulness 2/10

answer handle click outside the element

related javascript detect click outside element

related detect a click outside an element javascript

related how to detect click outside div

related check if click is outside an element

handle click outside the element

Comment

-1

const onClickOutside = (element, callback) => {
  document.addEventListener('click', e => {
    if (!element.contains(e.target)) callback();
  });
};

onClickOutside('#my-element', () => console.log('Hello'));
// Will log 'Hello' whenever the user clicks outside of #my-element

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: dev.to

Tags: click element handle javascript

Link to this answer
Share Copy Link

Contributed on Sep 18 2022

Crazy abogato

0 Answers Avg Quality 2/10

Closely Related Answers

javascript detect click outside element

Comment

var ignoreClickOnMeElement = document.getElementById('someElementID');

document.addEventListener('click', function(event) {
    var isClickInsideElement = ignoreClickOnMeElement.contains(event.target);
    if (!isClickInsideElement) {
        //Do something click is outside specified element
    }
});

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 22 2019

Grepper

0 Answers Avg Quality 2/10

detect a click outside an element javascript

Comment

$(document).click((event) => {
  if (!$(event.target).closest('#element').length) {
    // the click occured outside '#element'
  }        
});

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: click clic

Link to this answer
Share Copy Link

Contributed on Mar 17 2020

Spyder

0 Answers Avg Quality 2/10

how to detect click outside div

Comment

$(window).click(function() {
  //Hide the menus if visible
});

$('#menucontainer').click(function(event){
  event.stopPropagation();
});

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: click clic

Link to this answer
Share Copy Link

Contributed on Nov 24 2021

Matio

0 Answers Avg Quality 2/10

check if click is outside an element

Comment

document.addEventListener('click', (event) => {
        let targetEl = event.target
        do {
            if (targetEl == selectBox) return
            targetEl = targetEl.parentNode;
        } while (targetEl);
        content.classList.add('hidden')
        svgIcon.classList.remove('rotate-180')
        
        // console.log('outside')
    })

Popularity 6/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: click element javascript

Link to this answer
Share Copy Link

Contributed on Oct 23 2023

Attractive Addax

0 Answers Avg Quality 2/10

handle click outside the element

Contents

More Related Answers

handle click outside the element

Closely Related Answers

javascript detect click outside element

detect a click outside an element javascript

how to detect click outside div

check if click is outside an element

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.