javascriptClick outside of an element
document.addEventListener('click', (e) => {
const click_outside_element = document.querySelector('#element');
let target = e.target;
do {
if (target == click_outside_element) return;
} while (target = target.parentNode);
console.log('clicked outside');
});ctrl + cdocument.addEventListener('click'adds click event listener to document | document.querySelector('#element')this is the element we have to catch the click outside of |
if (target == click_outside_element) return;this cycle will stop handler execution if click is inside our element | console.log('clicked outside');replace this with your code that should be executed if user clicked ourside of |
More of Javascript
- Call function by its string name
- Validate email
- Get a timestamp
- CHeck if DOM element is visible in current viewport
- Get width and height of a window
- Shuffle (randomize) an array
- How to check if array contains certain value
- Ajax post json data
- Convert hex to decimal (integer)
- How to return to a previous page
See more codes...