jQuery: modification de la valeur d'entrée sur pression de touche

Chaque fois qu'un point '.' est tapé dans mon entrée (type=nombre) de terrain, je veux remplacer par une virgule ','.

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

L'événement est bien tiré, mais au lieu de cela, le terrain est totalement vide. Quel est le problème?

MODIFIER

La raison pour laquelle je fais cela, c'est que le Chrome (dernière version), contrairement à la recommandation HTML5, l'utilisation de virgules et jetez-le point input type=nombre. Je suis en train de développer pour Chrome cause je ne peux pas tester mon application quelque part d'autre pour le moment. Aucun commentaire sur ce (anormal ?) la situation serait appréciée.

  • Il est recommandé d'utiliser keyup événement à la place.
  • un alert($(this).val()) afficher quoi que ce soit
  • entrée type="number" n'acceptera pas de virgule ,. Vous pourriez avoir à changer d'entrée type=text
  • en fait c'est ce que le W3C dit à propos type=nombre, mais Chrome au contraire accepte uniquement les virgules, et supprimer des points et rien venir par la suite. C'est pourquoi je voulais le faire, en premier lieu.
  • keyup n'a même pas de déclencher l'événement.
  • Oui, la valeur précédente est bien capturée

InformationsquelleAutor pH Cito | 2012-11-23
  1. 2
    $(this).val($(this).val() + ',');

    Cela pourrait fonctionner si vous tapez et toujours envie de mettre le ',' signe à la fin du texte. Mais que faire si vous placez le curseur dans le milieu du texte, puis appuyez sur un '.' signe?

    InformationsquelleAutor Chieleman
  2. 1

    Peut-être que votre document n'est pas déjà prêt: 

    jQuery(document).ready(function() {
  //your code
});
    • l'OP précise "L'événement est bien tiré, mais.."
    InformationsquelleAutor Luca Davanzo
  3. 0

    Vous pouvez simplement utiliser une sous-chaîne de la sorte: 

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

    Cependant ce n'est probablement pas une solution idéale.

    InformationsquelleAutor James McDonnell
  4. 0

    Votre code semble fonctionner lors de l'exécution sur jsfiddle:

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

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

    • Il va travailler pour d'entrée type=text mais l'OP est l'aide de l'entrée type=number.
    InformationsquelleAutor Cornel
  5. 0

    nous sommes ici, mon ami, je ne sais pas pourquoi, il semble utile de mot de code est de 190 au lieu de 110.

    essayer :

    $(document).ready(function(){

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

});

    et ce pour un aperçu en direct
    http://jsfiddle.net/RTEcJ/8/

    prendre un regard sur les codes de touches et vous pouvez l'essayer dans l'entrée pour vérifier quel est le mot de code dont vous avez besoin:
    http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes

    • J'utilise jQuery 1.6, on() ne fonctionne pas. Plus important encore, avec keyup, evt.which correspond au mot de code et pas le charcode. Au lieu de 46, il sera de 110 pour le point du pavé numérique, et d'autres pour d'autres façons de le faire (en fonction de mappage de clavier).
    • essayez maintenant s'il vous plaît, puis-je vraiment vous suggère de vous mettre à jour de jQuery vers.
    • Nope, toujours le même comportement: terrain va plaine vide...
    • fixe maintenant, désolé pour le retard 😉
    • Peu importe si vous l'utilisez .pression de touche, .keyup .keydown, .bind(appuyez sur/haut/bas).live(appuyez sur/vers le haut/vers le bas). Même comportement.
    • pouvez-vous me dire la version jquery vous utilisez? avez-vous vérifié le jsfiddle? si vous souhaitez remplacer les points par des virgules lors de l'écriture dans la saisie de texte, il travaille beaucoup!!
    • Franchement, je ne sais pas quoi dire. Votre jsFiddle ne fonctionne pas de mon côté. Il devient blanc lorsque vous appuyez sur point, je vous l'assure. (Je suis en utilisant 1.6.4 que le violon)
    • de manière étrange, je pense que vous avez des problèmes sur votre côté, le navigateur, ou somenthing d'autre, pour moi, il fonctionne parfaitement, moi je suis sur mac + FF, je ne sais pas à propos de vous
    • Je suis un peu en retard, désolé. Mais c'est le mot de code pour le pavé numérique "."

    InformationsquelleAutor itsme
  6. 0

    Pour rendre le char de remplacement du travail à n'importe quelle position du curseur, vous pouvez lier à l'événement keyup et remplacer le déjà inséré Personnage dans cette.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);
    }
});
    • Cela ne fonctionne pas comme val() ne retourne rien, dans un certain nombre de navigateurs si l'entrée n'est pas valide...
    InformationsquelleAutor user4240171