bootstrap-italia
Version:
Bootstrap Italia è un tema Bootstrap 5 per la creazione di applicazioni web nel pieno rispetto delle linee guida di design per i siti internet e i servizi digitali della PA
52 lines (45 loc) • 1.41 kB
JavaScript
/**
* --------------------------------------------------------------------------
* Bootstrap Italia (https://italia.github.io/bootstrap-italia/)
* Authors: https://github.com/italia/bootstrap-italia/blob/main/AUTHORS
* Licensed under BSD-3-Clause license (https://github.com/italia/bootstrap-italia/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
const DATA_MOUSE_FOCUS = 'data-focus-mouse'
class TrackFocus {
constructor() {
this._usingMouse = false
this._bindEvents()
}
// Private
_bindEvents() {
if (typeof document === 'undefined') {
return
}
const events = ['keydown', 'mousedown']
events.forEach((evtName) => {
document.addEventListener(evtName, (evt) => {
this._usingMouse = evt.type === 'mousedown'
})
})
document.addEventListener('focusin', (evt) => {
if (this._usingMouse) {
if (evt.target) {
evt.target.setAttribute(DATA_MOUSE_FOCUS, true)
}
}
})
document.addEventListener('focusout', (evt) => {
if (evt.target) {
evt.target.setAttribute(DATA_MOUSE_FOCUS, false)
}
})
}
}
/**
* ------------------------------------------------------------------------
* Data Api implementation
* ------------------------------------------------------------------------
*/
new TrackFocus()
export default TrackFocus