Détecter entrée dans les éléments d'entrée d'une certaine classe

J'ai besoin de détecter quand quelqu'un touche "entrer" dans le texte des entrées avec une classe spécifique.

Mon jQuery est comme suit:

$('input.large').keypress(function (e) {
    if(e.which ==13)
        console.log("pressed enter");
});

Mon code HTML est quelque chose comme ceci:

<tr><td> Personal Name </td></tr>
<tr><td> <input type='text' class='large'> </td></tr>

<tr><td> Email</td></tr>
<tr><td> <input type='text' class='large'> </td></tr>

Quand j'ai donné les champs Id et essayé $('#elementid').keypress il a travaillé. Mais ce n'est pas de travail. Je n'ai pas de console de sortie. Ce qui me manque?

source d'informationauteur user961627

  1. 10

    Vous pouvez utiliser live ( .sur() ) document avec keydown (je pense que c'est mieux). Il va vous permettre de détecter keydown actuels et futurs à des éléments qui correspond à un sélecteur.

    HTML:

    <strong>Personal Name</strong>
<input type='text' class='large' /><br />

<strong>Email</strong>
<input type='text' class='large' />
​

    JS (runnable avec jQuery 1.7+):

    jQuery(document).on('keydown', 'input.large', function(ev) {
    if(ev.which === 13) {
        //Will change backgroundColor to blue as example
        this.style.backgroundColor = '#EFF';

        //Avoid form submit
        return false;
    }
});

    jsFiddle: http://jsfiddle.net/qvhWD/

  2. 2

    vérifier celui-ci: http://jsfiddle.net/EJyyr/

    utilisé ce code html:

    <tr><td> Personal Name </td></tr>
<tr><td> <input type='text' class='large' id='a'> </td></tr>

<tr><td> Email</td></tr>
<tr><td> <input type='text' class='large' id='b'> </td></tr>

    et c'est le jQuery which logs the input text id

    $('.large').keypress(function (e) {
   if(e.which ==13)
    console.log($(this).attr('id'));
});
  3. 0

    Merci David Rodrigues pour votre explication. Il a beaucoup aidé. J'ai dû mettre à jour ma bibliothèque JQuery et le .live() la fonction cessé de fonctionner correctement.

    Vous pouvez l'utiliser pour la suite de

    Sélectionnez la case à cocher toutes les entrées d'un formulaire lors d'un clic sur select_all_checkboxes input de type checkbox:

    jQuery(document).on("click", "#select_all_checkboxes", function(){
    var chk = this.checked;
    $('input[id=selectAll]').each(function(){
        this.checked = chk;
    });
});

    Appeler une fonction "checkMail" lorsque l'utilisateur a quitté le terrain à l'aide de l'onglet ou en cliquant sur le champ tous les qui possède un nom de classe "e-mail":

    jQuery(document).on("blur", 'input.email', function(event){
    var email = $(this).val();
    if (!checkMail(email)) {
        alert("Invalid email.");
        $(this).focus();
    }
});