Textfeld (Eingabetypnummer) Spinner funktioniert nicht in IE11

Question

Ich benutze Eingabe-Tag, um die Anzahl der Dezimalstellen in meiner Anwendung anzuzeigen und zu ändern. Statt den Benutzern zu erlauben, das Textfeld einzugeben, möchte ich es dekrementieren oder Inkrementieren Sie mit Hilfe von Spinner. Dafür verwende ich Typ als Nummer.

Dies funktioniert in Chrome und Firefox. Aber es scheint, dass IE11 diese Funktion nicht unterstützt. Ich fand eine pollyfill hier https://github.com/jonstipe/number-polyfill

Aber das ist eine riesige js, die zusätzliche Funktionen enthält, und ich habe keine Ahnung, wie es zu benutzen.

Gibt es eine andere einfache Möglichkeit, dieses Problem zu beheben?

Answer 1

IE11 unterstützt nativ keine Schritte und Spinner, so dass Sie leider einen Workaround benötigen. Egal, ob Sie eine benutzerdefinierte Implementierung schreiben oder ein Polyfill verwenden.

Um Ihre eigene Implementierung in Javascript zu schreiben, müssten Sie Event-Listener hinzufügen, die den Wert von Eingabe [type = "number"] -Elementen überprüfen (oder, falls Sie es nur für ein paar überprüfen müssen eine spezielle Klasse und selektiere sie über diese) nach jedem keyup-Ereignis bei jeder Eingabe und vergleiche es mit dem im Eingabe-HTML-Element definierten Schritt und überprüfe dann, ob der Wert dieser Eingabe innerhalb ihrer 'Max- und Min-Bereiche definiert ist (wenn sie definiert sind). Das ist der einfachste Weg.