Simulate Automatic Click when loading HTML page

Question

I have this Pod, and I wish it to be invisible:

<input type="button" id="invisivel" value="" style="visibility: hidden;" onclick="toggleFullScreen()">

I would like when the page pressed that button to be automatically clicked.

I have this script, but it doesn’t work:

window.setTimeout(function(){
  document.getElementById("invisivel").click();
}, 2000);

Script of toggleFullScreen:

function toggleFullScreen() {
                    if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
                     (!document.mozFullScreen && !document.webkitIsFullScreen)) {
                      if (document.documentElement.requestFullScreen) {  
                        document.documentElement.requestFullScreen();  
                      } else if (document.documentElement.mozRequestFullScreen) {  
                        document.documentElement.mozRequestFullScreen();  
                      } else if (document.documentElement.webkitRequestFullScreen) {  
                        document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
                      }  
                    } else {  
                      if (document.cancelFullScreen) {  
                        document.cancelFullScreen();  
                      } else if (document.mozCancelFullScreen) {  
                        document.mozCancelFullScreen();  
                      } else if (document.webkitCancelFullScreen) {  
                        document.webkitCancelFullScreen();  
                      }  
                    }  
                  }

From what I understand he clicks one click after 2 seconds, unfortunately it is not working. I would like when you press the page the button to be automatically clicked.

Answer 1

Just call the click() javascript

To execute the call when loading the page, it must be called inside the event window.onload

Example:

window.onload = function()
{
    document.getElementById("elementName").click();
}

The parameter elementName will be the id of your HTML code.

Test function:

function msgWelcome(){
    alert("Ei, seja bem vindo")
}

Call in your HTML:

<input type="button" id="elementName" value="" style="visibility: hidden;" onclick="msgWelcome()">

Test that way, because it’s supposed to work.

Answer 2

Try this, you can take the click event:

   document.onload=toggleFullScreen();