Nie odpowiada na pytanie, ale przydatne obejście polega na sprawdzeniu

edQuantity.validity.valid

The ValidityState obiektu daje wskazówki o tym, co użytkownik wprowadził. Rozważmy wejście type="number" z zestawem min i max

<input type="number" min="1" max="10">

My zawsze chcemy używać .validity.valid.

Inne właściwości dają tylko informacje o bonusach:

User's Input  .value  .valid | .badInput  .rangeUnderflow  .rangeOverflow
============  ======  ====== | =========  ===============  ==============
""            ""      true   | false      false            false  ;valid because field not marked required
"1"           "1"     true   | false      false            false  
"10"          "10"    true   | false      false            false
"0"           "0"     false  | false      true             false  ;invalid because below min
"11"          "11"    false  | false      false            true   ;invalid because above max
"q"           ""      false  | true       false            false  ;invalid because not number
"³"           ""      false  | true       false            false  ;superscript digit 3
"٣"           ""      false  | true       false            false  ;arabic digit 3
"₃"           ""      false  | true       false            false  ;subscript digit 3

Musisz upewnić się, że przeglądarka obsługuje walidację HTML5 przed jej użyciem:

function ValidateElementAsNumber(element)
{
   //Public Domain: no attribution required.
   if ((element.validity) && (!element.validity.valid))
   {
      //if html5 validation says it's bad: it's bad
      return false;
   }

   //Fallback to browsers that don't yet support html5 input validation
   //Or we maybe want to perform additional validations
   var value = StrToInt(element.value);
   if (value != null)
      return true;
   else
      return false;
}

Bonus

Spudly ma przydatną odpowiedź, którą skasował:

Po prostu użyj selektora CSS :invalid.

input[type=number]:invalid {
    background-color: #FFCCCC;
}

Spowoduje, że twój element zmieni kolor na czerwony, gdy nie-numeryczny wpisywane jest poprawne.

Obsługa przeglądarki dla <input type='number'> jest mniej więcej taka sama jak :invalid, więc nie ma problemu.

Czytaj więcej o :invalid tutaj .

input.focus();
document.execCommand("SelectAll");
var displayValue = window.getSelection().toString();

Śledź wszystkie wciśnięte klawisze na podstawie ich kodów klawiszy

Przypuszczam, że można słuchać zdarzeń keyup i zachować tablicę wszystkich wprowadzonych znaków, na podstawie ich kodów klawiszy. Ale to dość żmudne zadanie i prawdopodobnie podatne na błędy.

Http://unixpapa.com/js/key.html

Wybierz wejście i uzyskaj wybór jako ciąg znaków

document.querySelector('input').addEventListener('input', onInput);

function onInput(){
  this.select(); 
  console.log( window.getSelection().toString() )
}

<input type='number'>

All credit to: int32_t