如何使用纯Javascript制作此按钮行为？

Question

我想让这个按钮有这种行为。

• 已点击
• 禁用按钮
• 做点什么
• 启用按钮
• 警报成功案文。

脚本应为内嵌。这是我当前的按钮脚本。

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

Answer 1

这种方法被认为是不好的做法。最好使用传统的DOM事件处理程序或DOM Level 2事件监听器。

Answer 2

使用内联javascript

location(id)

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

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

或者使用addEventListener，它应该可以解决问题。

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

我真的不建议使用内联JavaScript。