Prevenire double click pe buton

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

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 Mesaje: 4343
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