Add event listener to all other items on the page?

Asked Mar 07 '17 at 21:33

Active Mar 07 '17 at 21:33

Viewed 26 times

I have a search bar whose display toggles if you click onto a search icon, like so:

searchIcon.addEventListener('click', () => {
  // toggle function that displays and hides search bar... 
});

For mobile, I would also like to listen for anytime a user touches outside the search bar DOM element and close it. Is there a way where an event listener can be attached to a DOM element, but listen for touches on anything other than that element?

asked Mar 07 '17 at 21:33

dace

5,819
13
44
74

2

Attach it to the whole body/document, and check the event target. – CBroe Mar 07 '17 at 21:36
1

http://stackoverflow.com/questions/152975/how-do-i-detect-a-click-outside-an-element – T0m Mar 07 '17 at 21:37

Add event listener to all other items on the page?

0 Answers0