Pagina 1 din 1

Prevenire double click pe buton

Scris: Dum Mar 11, 2018
de Stefan
Salut,
Cum as putea face ca un buton sa nu se poata apasa de mai multe ori consecutiv si rapid?

Prevenire double click pe buton

Scris: Dum Mar 11, 2018
de 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.