Wie mache ich dieses Button-Verhalten mit reinem Javascript?

Question

Ich möchte diesen Button dieses Verhalten haben.

• Clicked
• Disabled die Schaltfläche
• Tun Sie etwas
• Aktiviert die Schaltfläche
• Benachrichtigungs Erfolg Text.

Das Skript sollte Inline sein. Dies ist mein aktuelles Schaltflächenskript.

<button type="button" onclick="this.disabled=true;savemain();this.disabled=false" class="btn btn-success">Simpan</button> 

Answer 1

Mit Inline-Javascript

<button type="button" onclick="this.disabled=true;savemain();this.disabled=false;alert('success');" class="btn btn-success">Simpan</button> 

function savemain(){ 
 
\t console.log('doing stuff'); 
 
}

<button type="button" onclick="this.disabled=true;savemain();this.disabled=false;alert('success');" class="btn btn-success">Simpan</button>

Oder stattdessen eine addEventListener verwenden und es sollte den Trick tun.

document.getElementById('buttonId').addEventListener('click', function(event){ 
    this.disabled = true; 
    savemain(); 
    this.disabled = false; 
    alert('success'); 
}, false); 

Ich empfehle nicht wirklich Inline-JavaScript.

Answer 2

Dieser Ansatz wird als schlechte Praxis angesehen. Es ist besser, herkömmliche DOM Event-Handler oder DOM Level 2 Event Listener zu verwenden.