How to make the second onclick() without onDBLClick

Question

i don't want to use the double click function , instead i just want to run the below buttonOnClick() when a user click two times not single time , Help me iam new to coding

                <button onclick="buttonOnClick();" onmouseover="mouseOver();" onmouseout="mouseOut();">Subscribe <i id="ytb" class="fa fa-youtube-square ytb"></i></button>
                <br>


             </div>

function buttonOnClick()

{


  window.open('https://www.youtube.com/channel/UCXE6pw29K2lHS_2fB8LeU1Q?sub_confirmation=1','_blank');



  setTimeout(aTagChange, 12000);

}

Possible duplicate of [how to differentiate single click event and double click event?](https://stackoverflow.com/questions/5497073/how-to-differentiate-single-click-event-and-double-click-event) — pr1nc3, Mar 04 '19 at 08:04
Why don't you want `dblclick` when you want to ignore single clicks at all? — Pinke Helga, Mar 04 '19 at 08:11
hi cause by properller ads , it load the onpage script , which covers the whole page , so when a user click on button , without going to the target url it takes it as a Click and runs the function , — mrniamster, Mar 04 '19 at 08:16
Why can't you overwrite the `onclick` event to do nothing and additionally add the `dblclick` listener? — Pinke Helga, Mar 04 '19 at 08:25
quasim, the prevClick method by jack worked, but its not working from my mobile , from pc its working — mrniamster, Mar 04 '19 at 08:37

score 3 · Answer 1 · answered Mar 04 '19 at 08:04

3

Set a variable prevClick then update and check it:

var prevClick = false;
function buttonOnClick() {
    if (prevClick) {
        window.open('https://www.youtube.com/channel/UCXE6pw29K2lHS_2fB8LeU1Q?sub_confirmation=1','_blank');
        setTimeout(aTagChange, 12000);
    } else {
        prevClick = true;
    }
}

answered Mar 04 '19 at 08:04

Jack Bashford

43,180
11
50
79

the above code is working on my pc but not on mobile ?? – mrniamster Mar 04 '19 at 08:36
There are no `click` events on mobile IIRC – Jack Bashford Mar 04 '19 at 08:37
you mean it will only work with pc not with mobile ? is there any solution to it ? – mrniamster Mar 04 '19 at 08:44
Use a mobile event – Jack Bashford Mar 04 '19 at 08:51
please help me in that , i don't have enough knowledge of coding – mrniamster Mar 04 '19 at 08:59
My bad - replacing `onclick` with `ontouchstart` should fix it for mobile. – Jack Bashford Mar 04 '19 at 09:02
dear jack , should i rewrite the whole code again u mean , one for onclick and another for ontouchstart ? – mrniamster Mar 04 '19 at 09:06
Yes, copy paste the code but change `onclick` to `ontouchstart` – Jack Bashford Mar 04 '19 at 09:07
hi jack its creating two buttons now i pasted this https://pastebin.com/FqW88DQi – mrniamster Mar 04 '19 at 09:10
hi jack are you there ? – mrniamster Mar 05 '19 at 02:45

Maheer Ali · Answer 2 · 2019-03-04T08:35:04.483

2

You can use ondblclick

function func(){
  console.log("double clicked");
}

<button ondblclick="func()">Subscribe <i id="ytb" class="fa fa-youtube-square ytb"></i></button>

You can have a Boolean to check if the its clicked once or not

let clicked = false;
function func(){
  if(clicked === false){
    clicked = true;
    return false;
  }
  else clicked = false;
  console.log("clicked second time");
  
}

<button onclick="func()">Subscribe <i id="ytb" class="fa fa-youtube-square ytb"></i></button>

edited Mar 04 '19 at 08:35

answered Mar 04 '19 at 08:05

Maheer Ali

35,834
5
42
73

hi i don't want double click bro i just want the buttonOnClick() to work when i click the button two times – mrniamster Mar 04 '19 at 08:13
@Nitesh Kumar I edited and added the other way check it please – Maheer Ali Mar 04 '19 at 08:35
thanks or the script , the prevClick method by jack worked, but its not working from my mobile , from pc its working can u help please – mrniamster Mar 04 '19 at 08:43

How to make the second onclick() without onDBLClick

2 Answers2