Prevenire double click pe buton

Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
Stefan
Mesaje: 102

Prevenire double click pe buton

Salut,
Cum as putea face ca un buton sa nu se poata apasa de mai multe ori consecutiv si rapid?

MarPlo
Salut,
Poti aplica un "disabled" pentru scurt timp, sau cat vrei; dupa instructiunile de efectuat la acel buton.
Un exemplu, dezactiveaza butonul pentru 2 secunde dupa clic:

Cod: Selectaţi tot

<div id="dv_ex">Nr.</div>
<button id="btn_test">Click</button>
<script>
var dv_ex = document.getElementById('dv_ex');
var btn_test = document.getElementById('btn_test');
var ix =0;
btn_test.addEventListener('click', (e)=>{
  ix++;
  dv_ex.innerHTML = ix;
  e.target.setAttribute('disabled', 'disabled');
  window.setTimeout(function(){
    btn_test.removeAttribute('disabled');
  }, 2000);
});
</script>
Demo:
Nr.

Subiecte similare