CODEWITHSUNDEEP
javascripthtml
CcCcSS
CcCcSS

Reputation: 59

JS - Click button before page load

Right now it goes like this:

Page loads and renders, shows content (text, icons and images)

Some ms pass by, button gets clicked.

How can i achieve that my button gets shown as clicked, before it gets rendered as unclicked?

JS im using

document.getElementById("start").click();

Upvotes: 0

Views: 507

Answers (1)

Chintan Trivedi
Chintan Trivedi

Reputation: 191

Window.onload function will be useful to you as whenever dom content is loaded after that onload function will run and parallelly your browser try to render the loaded dom content to the user. So, In most cases, it will be displayed as clicked.

In this, you must have your styling or content you want to display to the user initially on click event-listener. Therefore, when clicking is triggered from onload then it will run your mentioned event listener's logic.

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

document.getElementById("test").addEventListener("click", function(){
   this.style = "background-color: red";
});
<button id="test" style="background-color:white">Button</button>

Upvotes: 1

Related Questions