FocusManager

Monster.DOM. FocusManager

With the focusmanager the focus can be stored in a document, recalled and moved.

You can create the object via the monster namespace new Monster.DOM.FocusManager().

<script type="module">
import {Monster} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.0/dist/monster.js';
new Monster.DOM.FocusManager()
</script>

Alternatively, you can also integrate this object individually.

<script type="module">
import {FocusManager} from 'https://cdn.jsdelivr.net/npm/@schukai/monster@1.30.0/dist/modules/dom/focusmanager.js';
new FocusManager()
</script>

Constructor

# new FocusManager(options)

Handle the focus

Parameters:
Name Type Description
options Object | undefined
Since:
  • 1.25.0
Throws:

unsupported locale

Type
Error

Members

# defaults

Properties
Name Type Description
document HTMLDocument

the document object into which the node is to be appended

Methods

# focus(element, preventScroll) → {Monster.DOM.FocusManager}

Parameters:
Name Type Description
element Node
preventScroll boolean
Throws:

value is not an instance of

Type
TypeError
Returns:
Type
Monster.DOM.FocusManager

# focusNext(query) → {Monster.DOM.FocusManager}

Parameters:
Name Type Description
query string
Returns:
Type
Monster.DOM.FocusManager

# focusPrev(query) → {Monster.DOM.FocusManager}

Parameters:
Name Type Description
query string
Returns:
Type
Monster.DOM.FocusManager

# getActive() → {Element}

Returns:
Type
Element

# getFocusable(query) → {array}

Select all elements that can be focused

Parameters:
Name Type Description
query string | undefined
Throws:

value is not an instance of

Type
TypeError
Returns:
Type
array

# restoreFocus() → {Monster.DOM.FocusManager}

The last focus on the stack is set again

Returns:
Type
Monster.DOM.FocusManager

# storeFocus() → {Monster.DOM.FocusManager}

Remembers the current focus on a stack. Several focus can be stored.

Returns:
Type
Monster.DOM.FocusManager