Tab鍵在Firefox中不起作用

Question

我有以下代碼，當觸發Tab鍵時，它在Firefox中不起作用，但在chrome中起作用。

HTML：

<input id="contactPhone" onkeypress="validationPhone(event)" data-bind='value: phone' type="text" class="form-control" maxlength='10'>

這是JS代碼：

  validationPhone = function (x) {
      var evt = window.event || x;

      if ((evt.which > 46 && evt.which < 58) || evt.which == 8) {
          return true;
      }
      else {
          evt.preventDefault();
      }
  }

Answer 1

您正在使用Javascript字符代碼，可以將字符代碼9用於制表符，而不是onkeypress使用onkeydown事件

試試這個：

HTML：

<input id="contactPhone" onkeydown="validationPhone(event)" data-bind='value: phone' type="text" class="form-control" maxlength='10'>

JS：

validationPhone = function (x) {
  var evt = window.event || x;

  if ((evt.which > 46 && evt.which < 58) || evt.which == 8 ||evt.which == 9) {
      return true;
  }
  else {
      evt.preventDefault();
  }

}