Integer numerische Eingabe nur auf mobilen Geräten

Question

Ich benutze <input type='text' onkeypress='return isNumberKey(event)'>
Ich habe versucht <input type='number'>, aber das erlaubt Menschen, einen Punkt und 'e' zu verwenden. Ich möchte nur, dass die Leute nur nicht negative ganze Zahlen verwenden dürfen.

Idealerweise möchte ich es so machen, dass nur die Zahlentastatur in Safari und Chrome hochgezogen wird (ich glaube, dass die Mehrheit der mobilen Benutzer nur diese beiden Browser verwendet), aber ich werde mich definitiv damit begnügen, nur zu können Drücken Sie nicht negative ganze Zahlen.

function isNumberKey(evt) { 
    var charCode = (evt.which) ? evt.which : event.keyCode; 
    if (charCode != 8 && (charCode < 48 || charCode > 57)) 
     return false; 

    return true; 
}; 

Answer 1

Sie pattern Attribut mit RegExp\D verwenden können, input Ereignis, RegExp.prototype.test(), String.prototype.slice() mit dem Parameter 0, -1 letzten Eingangswert zu entfernen, wenn nicht eine Ziffer, die RegExp bei pattern Attribut passt

var input = document.querySelector("input"); 
 
function handleInput(event) { 
 
    var value = this.value; 
 
    if (new RegExp(this.pattern).test(value)) { 
 
    this.value = value.slice(0, -1) 
 
    } 
 
} 
 
input.addEventListener("input", handleInput);

<input type="text" pattern="\D" />