Home / Questions / 143341
Accepted
Ger
Asked: 2020-03-05 17:18:07 +0800 CST 2020-03-05 17:18:07 +0800 CST

event to handle the doubleClick

  • 772

I managed to perform a function on the first click

function s(){
      $('div').addClass('s');
      $('div').css({display:"block"});
      console.log("click");
}
      
    	 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="s()">Haz Click!</button>

But I don't know how to detect the second click

javascript

3 Answers

  1. Best Answer

    you can set a variable clicsand from there you can determine how many clicks the user is making on that button

    var clics = 0;
function s() {
    if(clics == 0) {
       //primer clic
    }
    else {
        //segundo clic
    }
    ++clics;
}
    • 5

  2. For a double click event you can use this:

    $( "#target" ).dblclick(function() {
  alert( "Handler for .dblclick() called." );
});

    Cheers

    • 0

  3. listenners have a function called dblclick, an example using click and double click, you must be careful with this I recommend you use one or the other to avoid confusion

    miDobleClick.addEventListener("dblclick" , function(){
console.info("chispas doble click")
})
miDobleClick.addEventListener("click" , function(){
console.log("mantengo mi click")
})
    <button id="miDobleClick">Haz Click!</button>

    • 0