How to detect user CLICK on the pop up box "Exit full screen (F11)" with javascript?

Question

When the screen is full screen mode. User may go the normal mode with pressing F11 or Click on the pop up box to go normal mode. How do i detect user click on the pop up box only not any kind of keypress "Exit full screen (F11)" with javascript

Remember I need click event listener not keypress event listener

Answer 1

Popup box might be a div or some html element which might be having an id. So, consider registering an click event listener based on id. Whenever user clicks on that element, the registered function gets fired. Refer below sample script. In the below script "abc" is the id of a div and I have registered a click event called "myFunction", whenever user clicks on the div then myFunction will be called.

document.getElementById("abc").addEventListener("click", myFunction);

function myFunction() {
//Do Something
}

Answer 2

Listening for a size change or the fullscreened element might give you a clue on the user exitting the fullscreen mode.

If you require the click event specifically, because you need to have it in the stack for things like opening a new window or other things that require user interaction, you are out of luck, though.

Answer 3

This is quit impossible. Browser stop all event listener from this popup. So that javascript could not listen any event from the popup.

Whatever I have fix my problem in other way. As my goal is to detect weather the screen is full or not. This may help to others

$(window).resize(function(){
  if (screenX !== 0 && screenY !== 0) {
     // Do your stuff here
  }

});