Selon le WHATWG , vous ne devriez pas pouvoir obtenir la valeur à moins qu'il ne s'agisse d'une entrée numérique valide. L'algorithme de désinfection du champ de numéro d'entrée indique que le navigateur est censé définir la valeur dans une chaîne vide si l'entrée n'est pas un nombre de virgule flottante valide.

L' algorithme de désinfection des valeurs est le suivant: si la valeur de l'élément n'est pas un nombre à virgule flottante valide , définissez-le à la chaîne vide à la place.

En spécifiant le type ( <input type="number"> ), vous demandez au navigateur de faire du travail pour vous. Si, d'autre part, vous souhaitez capturer l'entrée non numérique et faire quelque chose avec elle, vous devriez compter sur l'ancien champ de saisie de texte essayé et authentique et analyser le contenu vous-même.

Le W3 a également les mêmes spécifications et ajoute:

Les agents utilisateurs ne doivent pas permettre à l'utilisateur de définir la valeur sur une chaîne non vide qui n'est pas un nombre à virgule flottante valide.

Il ne répond pas à la question, mais la solution utile est de vérifier

 edQuantity.validity.valid 

Le ValidityState d'un objet donne des indices sur ce que l'utilisateur a entré. Considérons une entrée type="number" avec un ensemble min et max

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

Nous voulons toujours utiliser .validity.valid .

Les autres propriétés ne donnent que des informations supplémentaires:

 Users 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 

Vous devrez vous assurer que le navigateur prend en charge la validation HTML5 avant de l'utiliser:

 function ValidateElementAsNumber(element) { 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; } 

Prime

Spudly a une réponse utile qu'il a supprimé:

Utilisez simplement le CSS :invalid sélecteur :invalid pour cela.

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

Cela déclenchera votre élément pour devenir rouge chaque fois qu'un numéro non numérique valide est entré.

Le support du navigateur pour <input type='number'> est à peu près identique à :invalid , donc pas de problème.

En savoir plus sur :invalid ici .

Remarque : Tout code est diffusé dans le domaine public. Aucune attribution requise.

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

Suivre toutes les touches pressées en fonction de leurs codes clés

Je suppose que l'on pourrait écouter les événements de la souris et garder un tableau de tous les caractères saisis, en fonction de leurs codes clés. Mais c'est une tâche assez ennuyeuse et probablement sujet à des bugs.

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

Sélectionnez l'entrée et obtenez la sélection en tant que chaîne

 input.select(); var value = window.getSelection().toString(); 

Tout crédit à: int32_t