jQuery: ändern der input-Wert bei Tastendruck

Immer, wenn ein Punkt '.' eingegeben wird, in meinem Eingang (Typ=Zahl) Feld, möchte ich es ersetzt durch ein Komma ','.

$(box).find('input[type=number]').keypress(function(evt){
        if(evt.which==46){
            $(this).val($(this).val()+',');
            evt.preventDefault();
        }
    });

Das Ereignis wird auch ausgelöst, sondern das Feld wird völlig leer. Was ist falsch?

BEARBEITEN

Der Grund, warum ich dies mache ist, dass Chrome (neueste version), im Gegensatz zu den HTML5-Empfehlung, Verwendung von Komma-und Ausschuss-Punkt input type=Zahl. Ich bin derzeit nur für die Entwicklung für Chrome Ursache kann ich nicht testen, meine app woanders für den moment. Jeder Kommentar auf dieser (abnorme ?) situation würde geschätzt.

Es wird empfohlen, zu verwenden keyup Veranstaltung statt.
hat ein alert($(this).val()) zeigen alles
Eingang type="number" wird nicht akzeptieren, Komma ,. Sie müssen möglicherweise ändern Sie die Eingabe type=text
eigentlich ist das, was das W3C sagt zu Typ=Zahl, aber Chrome im Gegenteil akzeptiert nur Kommas und löschen von Punkten und alles andere kommt danach. Das ist, warum ich wollte, dies zu tun in den ersten Platz.
keyup nicht sogar das Ereignis ausgelöst.

InformationsquelleAutor pH Cito | 2012-11-23

  1. 2
    $(this).val($(this).val() + ',');

    Dies könnte funktionieren, wenn Sie Text eingeben, und will immer to setzen Sie das ',' Zeichen am Ende des Textes. Aber was, wenn Sie setzen Sie den cursor in der Mitte des Textes, und drücken Sie dann die a '. ' - Zeichen?

    Eine Lösung gefunden: stackoverflow.com/questions/1064089/...

    InformationsquelleAutor Chieleman

  2. 1

    Vielleicht ist Ihr Dokument nicht schon fertig: 

    jQuery(document).ready(function() {
  //your code
});
    die OP konkret heißt, "Das Ereignis wird auch ausgelöst, aber.."

    InformationsquelleAutor Luca Davanzo

  3. 0

    Konnte man sich nur mit einer substring-wie so: 

    str.substring(0,str.length - 1) + ','

    Dies ist jedoch vermutlich nicht die ideale Lösung.

    InformationsquelleAutor James McDonnell

  4. 0

    Dein code scheint zu funktionieren, während es läuft auf jsfiddle:

    $(document).find('input').keypress(function(evt){ 
        if(evt.which==46){
            $(this).val($(this).val()+',');
            evt.preventDefault();
        }
    });​

    http://jsfiddle.net/cornel_gav/cDE3L/

    Es wird die Arbeit für die Eingabe type=text aber OP ist mit Eingang type=number.

    InformationsquelleAutor Cornel

  5. 0

    hier sind wir, mein Freund, weiß nicht warum, es scheint, die nützlich keycode 190 statt 110.

    versuchen :

    $(document).ready(function(){

     $(document).find('input[type=number]').live('keydown',function(evt){
            if(evt.which == 190){
                $(this).val($(this).val()+",");
                evt.preventDefault();
            }
        });

});

    und dieses für eine live-Vorschau
    http://jsfiddle.net/RTEcJ/8/

    werfen Sie einen Blick auf Tasten und können Sie versuchen, in der Eingabe zu prüfen, die den Schlüsselcode, die Sie benötigen:
    http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes

    Ich bin mit jQuery 1.6, on() wird nicht funktionieren. Noch wichtiger ist, mit keyup, evt.which entspricht dem keycode und nicht die charcode. Anstelle von 46, es werden 110 für numpad Punkt, und andere, für andere Möglichkeiten, es zu tun (je nach Tastatur-mapping).
    versuchen Sie nun bitte, dann bin ich wirklich schlage vor, Sie aktualisieren Sie jQuery-vers.
    NÖ, immer noch dasselbe Verhalten: Feld geht schlicht leer...
    ist jetzt behoben, sorry für die Verspätung 😉
    Egal, ob mit .keypress .keyup .keydown .bind(drücken/oben/unten), .live(drücken/oben/unten). Dasselbe Verhalten.

    InformationsquelleAutor itsme

  6. 0

    Machen den char-Ersatz-Arbeit zu jeder cursor-position, konnte Sie binden an den keyup-Ereignis aus, und ersetzen Sie die bereits eingefügte Zeichen in diesem.val(). 

    $(document).on('keyup','.myField"]', function(e,i){
    if(e.keyCode==107)
    {
        var start = this.selectionStart,
            end = this.selectionEnd;
        $(this).val($(this).val().replace(/\+/,'|'));
        this.setSelectionRange(start, end);
    }
});
    Das funktioniert nicht, wie val() nichts zurückgibt, in eine Reihe von Browsern, wenn die Eingabe ungültig ist...

    InformationsquelleAutor user4240171

Schreibe einen Kommentar