HTML5-Ereignis-Listener für die Eingabe von Zahleneingabe - Nur Chrome

8

Ich spiele mit einigen HTML5-Elementen herum und habe ein spaßiges Verhalten gezeigt. Dies funktioniert nur in Chrome.

Wenn Sie einen Eingabetyp verwenden, können Sie die Min-, Max- und Step-Werte sowie die Pfeile nach oben und nach unten festlegen, um die Eingabe zu steuern. <input type="number" min="0" max="100" step="5" />

Ich habe festgestellt, dass die Bindung eines Klickereignis-Listeners das Drücken auf die Pfeile erfasst, da eine Änderung erst dann erfolgt, wenn das Feld unscharf ist. Sie können auch die Auf- und Abwärtspfeiltasten auf Ihrer Tastatur verwenden, um den Wert innerhalb der Grenzen zu ändern, und ein Keypress Bind kann diese aufnehmen.

In Chrome können Sie aber auch mit dem Mausrad die Eingabe ändern, indem Sie den Mauszeiger über die Eingabe bewegen und scrollen. Ich habe jedoch keine Möglichkeit gefunden, auf diese Veranstaltung zu warten.

Beispiel für jsfiddle

HTML:

%Vor%

JavaScript (mit jQuery):

%Vor%

Irgendwelche Ideen, wie man auf den Bildwechsel zuhört? Auch dies funktioniert in Chrome erst ab diesem Schreiben.

    
hookedonwinter 14.04.2011, 20:23
quelle

1 Antwort

8

Das jQuery Mouse Wheel Plugin scheint den Trick zu machen. Ссылка

%Vor%     
jeff_bail 14.04.2011, 20:38
quelle