Sdílet prostřednictvím

Zobrazení naslouchacích procesů událostí DOM

  • Článek

Události kartě DOM Explorer zobrazuje události, které jsou přidruženy k modelu DOM element. Každý hlavní uzel představuje událost aktivní předplatitele. Nejvyšší uzel obsahuje poduzly, které představují registrované posluchače pro určitou událost. Kromě posluchače událostí, můžete na této kartě přejděte do umístění posluchač události v kódu jazyka JavaScript.

V seznamu události karta je dynamická. Jestliže je aplikace spuštěna událost, zobrazí nové události došlo. Posluchače události pro kód prvky, které nejsou prvky modelu DOM jako xhr, se nezobrazují na události kartu.

Chcete-li zobrazit posluchače událostí

  1. V aplikaci Visual Studio vytvořte aplikace JavaScript, který používá šablonu projektu rozdělené.

  2. Vyberte šablonu otevřít v aplikaci Visual Studio, simulátoru v rozevíracím seznamu, který je Spustit ladění tlačítka na panelu nástrojů Debug v debuggeru. Zde je zobrazen seznam:

    Simulátor běží.

  3. Stisknutím klávesy F5 spustit v režimu ladění aplikace.

  4. Přepněte do aplikace Visual Studio (Alt + Tab nebo F12).

  5. V modelu DOM Explorer klepněte BODY prvku (nebo kláves se šipkami vyberte element).

  6. Klepněte události v podokně na pravé straně DOM Explorer.

    Nyní můžete vidět události, které mají pro aktivní předplatitele BODY prvku, jak je znázorněno na následujícím obrázku.

    Karta událostí DOM Průzkumníka

    Vyhledejte posluchače události pro tyto události, klepněte na související odkazy souboru JavaScript.

Viz také

Koncepty

Quickstart: Ladění kódu HTML, CSS a JavaScript

Ladění stylů CSS pomocí průzkumníka modelu DOM

Ladění rozložení pomocí průzkumníka modelu DOM