如何从输入类型编号中读取特殊字符

Question

在我的表单中，我有一些数字输入字段。 通常，只允许一位数字。 输入一位数字后，在onKeyUp上选择下一个输入字段。 但是对于需要多一位数字的情况，我想使用'*'作为指标。 因此，当用户键入* 23时，它不会跳过。

我走了这么远，但是当我得到输入字段的值时，我收到一个空字符串。

我想从输入中删除星号。 当我尝试在keydown事件（其中multi设置为true）中更改字段的输入时，输入字段的值不会更改。

更改输入类型确实解决了值为"" ，但是该步骤不再起作用。

我觉得我正在为一堆我认为应该很简单的代码编写大量代码。

<input type="number" step="1" min="0" value="0">

var multi = 0;
// Keys to be ignored by the keyup event of .singleDigit.
var ignoreKeys = [ [8,46], [65,93], [107,222] ];
// Don't accept tab button, will skip an extra input field.
// Don't skip to next input, if input starts with *
// DOn't accept function buttons
$(".singleDigit").on('keyup', function(e){
  if(multi == 0
    && $.isNumeric($(this).val()) 
    && (e.which < ignoreKeys[0][0] || e.which > ignoreKeys[0][1])
    && (e.which < ignoreKeys[1][0] || e.which > ignoreKeys[1][1])
    && e.which < ignoreKeys[2][0]) {
    var inputs = $(this).closest('form').find('.input');
    inputs.eq( inputs.index(this) + 1).focus();
  }
});
// on focus out reset multi boolean.
$(".singleDigit").on('focusout', function() {
  multi = 0;
});
// check for key combination of *
var lastKey = null;
$(".singleDigit").on('keydown', function(e){
  if(lastKey != null) {
    if(lastKey == 16 && e.which == 56) {
      multi = 1;
    }
  }
  if(e.which != null) {
    lastKey = e.which;
  }
});

Answer 1

我找到了解决方法。 由于有了事件，因此可以阻止默认操作。

var lastKey = null;
$(".singleDigit").on('keydown', function(e){
  if(lastKey != null) {
    if(lastKey == 16 && e.which == 56) {
      multi = 1;
      e.preventDefault();
    } 
  }
  if(e.which != null) {
    lastKey = e.which;
  }
});