CoreWebView2.DOMContentLoaded Event

Definition

DOMContentLoaded is raised when the initial HTML document has been parsed.

public event EventHandler<Microsoft.Web.WebView2.Core.CoreWebView2DOMContentLoadedEventArgs> DOMContentLoaded;
member this.DOMContentLoaded : EventHandler<Microsoft.Web.WebView2.Core.CoreWebView2DOMContentLoadedEventArgs> 
Public Custom Event DOMContentLoaded As EventHandler(Of CoreWebView2DOMContentLoadedEventArgs) 

Event Type

Examples

void DOMContentLoadedCmdExecuted(object target, ExecutedRoutedEventArgs e)
{
    webView.CoreWebView2.DOMContentLoaded += WebView_DOMContentLoaded;
    webView.CoreWebView2.FrameCreated += WebView_FrameCreatedDOMContentLoaded;
    webView.NavigateToString(@"<!DOCTYPE html>" +
                              "<h1>DOMContentLoaded sample page</h1>" +
                              "<h2>The content to the iframe and below will be added after DOM content is loaded </h2>" +
                              "<iframe style='height: 200px; width: 100%;'/>");
    webView.CoreWebView2.NavigationCompleted += (sender, args) =>
    {
        webView.CoreWebView2.DOMContentLoaded -= WebView_DOMContentLoaded;
        webView.CoreWebView2.FrameCreated -= WebView_FrameCreatedDOMContentLoaded;
    };
}

void WebView_DOMContentLoaded(object sender, CoreWebView2DOMContentLoadedEventArgs arg)
{
    _ = webView.ExecuteScriptAsync(
            "let content = document.createElement(\"h2\");" +
            "content.style.color = 'blue';" +
            "content.textContent = \"This text was added by the host app\";" +
            "document.body.appendChild(content);");
}

Remarks

This aligns with the the document's DOMContentLoaded event in HTML.

Applies to