jQuery changer le focus sur l'onglet ou focusout

(désolé pour mon anglais)

Hi!, je suis à l'aide de jquery dans une application où j'ai un dinamycally créé une table avec des saisies de texte à l'intérieur comme ceci:

<td><input type="text" id="code"></td>
<td><select id="type"><option value="0">Normal</option><option value="1">Other</option></select></td>
<td><input type="text" id="price" class="price"></td>
<td><input type="text" id="total"></td>

et dans d'autres part j'ai un bouton, lorsque ce bouton est cliqué, créer une autre ligne dans la table.

Le contenant de ce tableau et bouton existe à l'intérieur d'un modèle.. ce modèles est rendu à l'aide d'underscore.js

Maintenant le problème: j'ai besoin d'itérer sur les entrées dans l'ordre: code, type, prix. Quand je remplis le prix des entrées-je calculer le total et s'affiche dans l'entrée, et puis j'ai besoin de changer le focus à la touche (#more_button) pour permettre à l'utilisateur cliquez sur ou appuyez sur entrée pour créer une autre ligne dans le tableau.

J'utilise ceci:

$('.price').blur(function(e){
    _this.setTotal($(e.currentTarget).val());
    $('#more_button').removeClass('inactive').focus();

    e.preventDefault();
    e.stopPropagation();
});

Lorsque le #more_button est concentré le css changement d'arrière-plan.

Quand j'execute ce morceau de code, le bouton modifier l'arrière-plan, mais l'accent inmediatly changement à la barre d'url. Ce happend dans firefox et Chrome.

J'essaie de l'utiliser pour définir le focus:

   $('.price').blur(function(e){
    _this.setTotal($(e.currentTarget).val());
    $('#more_button').removeClass('inactive').;
    setTiemout(function(){
         $('#more_button').focus();
    },100);
    e.preventDefault();
    e.stopPropagation();
});

Mais ne fonctionne pas non plus.....

Pouvez-vous donner une ligne directrice à-vis de cela?

L'utilisateur peut changer le focus d'entrée.prix à payer lorsque vous appuyez sur la touche Tab ou cliquez sur dans l'autre partie de la page.. en ce moment j'ai besoin de trigget seTotal et de se concentrer sur le bouton.

OriginalL'auteur matiasfh | 2012-02-21

  1. 3

    Je ne sais pas ce que la méthode simple 

    $('your_selector').focusout(function(){
   $('#more_button').focus();
});

    ne fonctionne pas avec la touche tab (uniquement avec la souris pour changer le focus).. donc je le résoudre à l'aide d'un mélange entre de l'événement keydown et focusout. comme ceci:

    $('.price').bind('keydown',function(e){
    if(e.keyCode === 9){//Tab key
    tab = true;
    check(e);
        return false;
}

 }).bind('focusout',function(e){
if(!tab){
    check(e);
}else{
    tab = false;    
} 
e.preventDefault();
return false;
 });

    où check() est une fonction pour valider la valeur et onglet est un indicateur pour vérifier si la touche de tabulation a été pressé.

    Merci, deuxième option fonctionne très bien.

    OriginalL'auteur matiasfh

  2. 1
    $('your_selector').focusout(function(){
   $('#more_button').focus();
});

    travaille dans FF et chrome ici au moins.

    ici un violon: http://jsfiddle.net/Zabn4/

    OriginalL'auteur ggzone