Detaillierte Erklärung des Unterschieds zwischen JQuery focus() und focusin()

Um es einfach auszudrücken: focus() unterstützt kein Bubbling, aber focusin() unterstützt Bubbling

Beispiel:
HTML

<p id="p1">
    <input type="text"></p>

Wenn es focus( ), muss es als

    $('input').on('focus',function(){
        alert(123);
    });

als

    $('#p1').on('focus',function(){
        alert(123);//无效
    });

und focusin()
als

    $('#p1').on('focusin',function(){
        alert(123);//有效
        $('#p1').off('focusin');
    });

einfach geschrieben werden Das heißt, focus() unterstützt kein Bubbling, aber focusin() unterstützt Bubbling

Zum Beispiel:
HTML

<p id="p1">
    <input type="text"></p>

Wenn es focus() ist, muss es sein geschrieben als

    $('input').on('focus',function(){
        alert(123);
    });

wird als

    $('#p1').on('focus',function(){
        alert(123);//无效
    });

geschrieben und focusin()
wird als

    $('#p1').on('focusin',function(){
        alert(123);//有效
        $('#p1').off('focusin');
    });

geschrieben

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung des Unterschieds zwischen JQuery focus() und focusin(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!