How vue detects clicks outside or inside an element

Editor to share with you how vue detects external or internal clicks of elements, I believe most people don't know much about it, so share this article for your reference. I hope you can learn a lot after reading this article. Let's learn about it together.

Detect clicks outside (or inside) the element

Sometimes we need to check whether the click occurs inside or outside the el of a particular element. This is the method we usually use:

Window.addEventListener ('mousedown', e = > {/ / get the clicked element const clickedEl = e.target; / / `el` is the element you are testing for external clicks if (el.contains (clickedEl)) {/ / Click "el" inside} else {/ / Click outside `el`}); the above is all the content of the article "how vue detects external or internal clicks on elements". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!