Wrap any part of a view in a hotlight-keyzone and it will assign keys to elements. There's only one event listener listening to keydown which is global and the assignment of keys to elements happens when keydown happens.
When a key is pressed keyzone finds all element with the [data-hotkey] and maps those with the values that attribute has.
Additionally if mode="auto" then it finds all inputs,buttons,anchors,content editable and assigns a key incrementally. One zone at a time.
Wrap any part of a view in a
hotlight-keyzoneand it will assign keys to elements. There's only one event listener listening to keydown which is global and the assignment of keys to elements happens when keydown happens.When a key is pressed keyzone finds all element with the
[data-hotkey]and maps those with the values that attribute has. Additionally if mode="auto" then it finds all inputs,buttons,anchors,content editable and assigns a key incrementally. One zone at a time.