Pourquoi l'événement keyup n'est-il pas exécuté dans jquery ?

Je souhaite réaliser
1. La couleur du code change après avoir cliqué sur l'élément #skillKey tr,
2 Puis modifier le texte de l'élément actuel après la saisie via le clavier afin de faciliter . débogage Parlons de l'étape 2 Omettre d'alerte(123)
Le code HTML est le suivant :

<table id="skillKey">
<tbody>
<tr>Q</tr>
</tbody>
<table>

JQueryLe code est le suivant :

$(function () {

    $('#skillKey').on('click', 'tr', function () {
        $(this).css('color','red');
        $(this).keyup(function(){
        alert(123)
        });
    });
})

Pourquoi l'élément change-t-il de couleur après avoir cliqué, tout en passant la saisie au clavier, incapable d'alerter ? L'effet peut en effet être obtenu via $(document).keyup() Je veux en connaître la raison. Peut-être que cela a quelque chose à voir avec le type d'élément dont keyup() a besoin pour être lié ?

Autre : Une mauvaise keyup() fonction méthode d'appel, si elle est écrite comme ceci :

$(function () {

    $('#skillKey').on('click', 'tr', function () {
        $(this).css('color','red');
        $(this).keyup(alert(123));
    });
})

Puis après avoir cliqué sur tr, l'élément change de couleur et un pop- la fenêtre 123 apparaîtra, pourquoi ?

Signalez d'abord une de vos erreurs

$('#skillKey').on('click', 'tr', function () {
    $(this).css('color','red');
    $(this).keyup(function(){
    alert(123)
    });
});

Vous liez l'événement comme ceci Le résultat est que tr est lié une fois lorsque vous cliquez dessus, et il. est lié autant de fois que vous cliquez dessus. Combien de fois, cet exemple n'est toujours pas évident, vous mettez une entrée dans tr, puis écrivez le code suivant pour voir comment cela fonctionne

$('#skillKey').on('click', 'input', function () {
    $(this).css('color','red');
    $(this).blur(function(){
        alert(123)
    });
});

Donnez-moi quelques suggestions

Éléments à utiliser Vous pouvez mettre en cache d'abord, n'abusez pas de $, et vous pouvez utiliser la chaîne

$('#skillKey').on('click', 'tr', function () {    var $this = $(this);
    $this
        .css('color', 'red')
        .keyup(function () {
            alert(123)
        });
});

s'il est facile à lire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!