Click anywhere close modal for page intro and carousel caption

[amcd125]

Click anywhere close modal for page intro and carousel caption:

I've been trying to create a pop-up module for the sight intro, which allows you to click anywhere for it to close.

Like this when opened
https://codepen.io/Coding_Journey/pen/xxxgomO

Here is it at the moment:
https://www.andrewclapham.online/test/
(I would like it so it would close when you click the whole screen)

I was wondering if this could be done so it could be introduced throughout the website for read more sections.
https://www.andrewclapham.online/test/echo/

This one has got going around in circles so any help would be much appreciated

[arminunruh]

ok

read this:

https://javascript.info/bubbling-and-capturing

any click event bubbles up the dom tree, meaning you can capture any click on any element just by

jQuery(window).on('click', function(){
})

or

window.addEventListener("click", function(){
})

the event target value shows you what was clicked on specifically:

https://developer.mozilla.org/en-US/docs/Web/API/Event/target

jQuery(window).on('click', function(e){
console.log(e.target);
})