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

时间:2017-01-13 03:15:36

标签: javascript html

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

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

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

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

使用内联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。