Javascript 禁用按钮

Question

我想知道是否有人可以帮助我解决这个问题。

我有一个按钮定义为:

<input type="button" id="myButton" name="myButton" value="ClickMe!!" onClick="callMe()"/>

我可以使用 jQuery、标准 javascript 或 Dojo 来禁用带有 onClick 事件的按钮:

$('#myButton').attr('disabled', 'disabled');

我面临的问题是，即使此代码禁用了按钮，如果我单击按钮，onClick 事件仍会触发函数 callMe()。

如何让被禁用的按钮不调用onClick函数？

Answer 1

使用 jQuery，您可以绑定(bind)一个函数来检查您的按钮是否被禁用:

$('#myButton').click(function() {
  if (!$(this).is(':disabled')) {
    callMe();
  }
});