Warum wird das Keyup-Ereignis in JQuery nicht ausgeführt?

Ich möchte
1. Die Codefarbe ändert sich, nachdem ich auf das #skillKey tr-Element geklickt habe.
2. Ändern Sie dann den Text des aktuellen Elements, nachdem Sie die Eingabe über die Tastatur vorgenommen haben Debuggen Lassen Sie uns über Schritt 2 sprechen. Auslassen, um zu warnen (123)Der HTML-Code lautet wie folgt:

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

JQueryDer Code lautet wie folgt:

$(function () {

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

Warum ändert sich die Farbe des Elements nach dem Klicken, während die Tastatureingabe weitergegeben wird, und es kann keine Warnung ausgegeben werden? Der Effekt kann tatsächlich durch $(

document).keyup() erreicht werden. Ich möchte den Grund wissen. Vielleicht hat es etwas mit der Art des Elements zu tun, das keyup() gebunden werden muss?

Anderes: Eine falsche keyup()

Funktion Aufrufmethode, wenn sie so geschrieben ist:

$(function () {

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

Dann ändert das Element nach dem Klicken auf tr seine Farbe und ein Pop- Es erscheint Fenster 123. Warum ist das so?

Weisen Sie zuerst auf einen Ihrer Fehler hin

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

Sie binden das

Ereignis so. Das Ergebnis ist, dass tr einmal gebunden wird, wenn Sie darauf klicken, und es ist so oft gebunden, wie Sie darauf klicken. In diesem Beispiel ist noch nicht klar, Sie geben eine Eingabe in tr ein und schreiben dann den folgenden Code, um den Effekt zu sehen

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

Gib mir etwas Vorschläge

Elemente, die verwendet werden müssen Sie können zuerst

zwischenspeichern, $ nicht missbrauchen, und Sie können die Kette

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

wenn es gut lesbar ist.

Das obige ist der detaillierte Inhalt vonWarum wird das Keyup-Ereignis in JQuery nicht ausgeführt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!