🔗ally.get.focusTarget

Identifies the element that would get focus upon click

🔗Description

When clicking on the <span> element, focus is given to the <div>, because it's the first focusable parent element.

<div tabindex="-1">
  <p>Hello <span>World</span>!</p>
</div>

When clicking on the <label> element, focus is given to the <input>, because it's the referenced form control.

<label for="world">Hello</label>
<input id="world" type="text">

var element = ally.get.focusTarget({
  context: '#element-to-start-from',
});

Name	Type	Default	Description
context	`<selector>`	required	The element to start searching from. The first element of a collection is used.

TypeError if context option is not specified.