javascript - 如何防止输入文本中的 “post accent”

我相信这很简单，但是经过几个小时的Google搜索后，我找不到任何答案(也许我无法在搜索中使用正确的词:-P)

我有一个javascript方法，可以防止用户用数字以外的其他字符填充文本框，如下面的代码所示，它在KeyDown事件中使用:

function checkNumberInput(e) {
  // Allow: backspace, delete, tab, escape, enter and .
  if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110]) !== -1 ||
      // Allow: Ctrl+A, Command+A
      (e.keyCode == 65 && (e.ctrlKey === true || e.metaKey === true)) ||
      // Allow: home, end, left, right, down, up
      (e.keyCode >= 35 && e.keyCode <= 40)) {
    // let it happen, don't do anything
    return;
  }
  // Ensure that it is a number and stop the keypress
  if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
    e.preventDefault();
  }
}

问题是，如果用户键入“等待”第二个键的重音字符(例如〜´` ^)，则紧随其后键入数字时它会出现在文本框中。

例如:

a) types 1 => [1________]
b) types ~ => [1________]
c) types 3 => [1~3______]

如何防止这种情况发生？提前致谢。

最佳答案

您是说将'和a转换为а́吗？
这是系统内置的，您无法更改。
您可以做的就是在此之后检查输入。这样，您还可以防止鼠标粘贴:

$('input').on('keydown', checkNumberInput).on('blur focus', function(){
    var val = $('input').val();

    // now remove everything that is not allowed
    val = val.replace(/[^0-9.]+/g, '');

    $('input').val(val);
})

(确切的实现绝对不是完美的，只是为了说明发生了什么)

https://jsfiddle.net/5afwdhzx/

关于真正的即时修复-给此闭包起一个名字，并在keyDown函数中稍稍延迟地调用它，如上面的@haroldo所述。

https://jsfiddle.net/5afwdhzx/1/