Active Element

[<Erase; AutoOpen>]
type ActiveElement =
    /// <summary>
    /// Listen for changes to the <c>document.activeElement</c>
    /// </summary>
    /// <remarks>
    /// non reactive
    /// </remarks>
    [<ImportMember(path)>]
    static member makeActiveElementListener (handler: #HtmlElement -> unit): DisposeCallback = jsNative

    /// <summary>
    /// Attaches "blur" and "focus" event listeners to the element
    /// </summary>
    /// <param name="target"></param>
    /// <param name="callBack"></param>
    /// <param name="useCapture"></param>
    [<ImportMember(path)>]
    static member makeFocusListener (target: #HtmlElement, callBack: bool -> unit, ?useCapture: bool): DisposeCallback = jsNative

    /// <summary>
    /// Provides a reactive signal of <c>document.activeElement</c>. Check which element is currently focused.
    /// </summary>
    [<ImportMember(path)>]
    static member createActiveElement (): Accessor<#HtmlElement> = jsNative

    /// <summary>
    /// Provides a signal representing element's focus state
    /// </summary>
    [<ImportMember(path)>]
    static member createFocusSignal(target: #HtmlElement): Accessor<bool> = jsNative

    /// <summary>
    /// Provides a signal representing element's focus state
    /// </summary>
    [<ImportMember(path)>]
    static member createFocusSignal(target: Accessor<HtmlElement>): Accessor<bool> = jsNative