如何防止专注于特定输入

Question

现在，我不知道如何做我想做的事..

假设我有一个表单和一些自动计算其值的特殊字段。这些字段（输入）有一个名为...'calculate'的特殊类。

当用户点击其中一个输入时，我希望焦点转到下一个有效输入（没有计算类的输入）

我认为这就足够了，但没有：

$('input.calculate').bind('focus', function() {
    var inputs = $(this).closest('form').find(':input');
    inputs.eq( inputs.index(this)+ 1 ).focus();
});

当类为计算的多个输入彼此相邻时会发生此错误行为：即使下一个输入具有计算类，光标也会转到下一个输入。

这很正常，想想看，因为这个函数的行为就像一个递归函数。

有人有想法去做我想做的事？

谢谢

Answer 1

简单的方法是使用disabled 属性来禁用它们。所以用户无法选择它们（专注于它们）。

或者通过 jQuery 你可以这样做：

$('.calculate').focus(function () { // note the focus event; not click
  $(this).next('input').focus(); // set focus to next one!
}

这会将焦点设置到没有类.calculate 的下一个元素。这个事件很有用，因为它会在输入被聚焦而不是点击时触发！