onclick is clicked when generated | Sololearn: Learn to code for FREE!


onclick is clicked when generated

I'm applying the onclick to the entire HTML page in order to make a function happen when clicked anywhere. But when I apply the property it clicks on it once automatically. Can anyone help me? :/ https://code.sololearn.com/W8Eo92JgBmLc/#html

3/17/2019 3:03:29 PM

Matteo Consolaro

2 Answers

New Answer


//You can try this: //in js section var times = 1,clicked=false; //clicked for holding state function toHtml(){ clicked = true; document.getElementById("entirePage").onclick = function(){ clickAnywhere() }; var bu = "removeMe"; removeButtons(bu); } function removeButtons(containerID){ //rimuove childNodes var i = document.getElementById(containerID); while (i.hasChildNodes()) { i.removeChild(i.lastChild); } } function clickAnywhere(){ if(!clicked){ console.log("you just clicked anywhere " + times + " times! Hehe"); times++; } else{ clicked=false; } }


Thanks so much for the answer, I've been on this for a couple of hours. If I got it right, when the page click happens (after mouse release) the onclick property is already set. So both commands are executed together. So i thought of a little timeout "hack" that apparently works too. First function becomes: function toHtml(){ var bu = "removeMe"; removeButtons(bu); setTimeout(function(){ document.getElementById("entirePage").onclick = clickAnywhere;}, 0); }