Skip to content

Active Element

Bindings for @solid-primitives/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>
    [<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
MemberReactiveReturns
makeActiveElementListenerNoA DisposeCallback that removes the listener
makeFocusListenerNoA DisposeCallback that removes the blur and focus listeners
createActiveElementYesThe currently focused element
createFocusSignalYesWhether the target element has focus
Edit this page