ten1seven / track-focus Goto Github PK

/*! track-focus v 0.2 | Author: Jeremy Fields [[email protected]], 2014 | License: MIT */
// inspired by: http://irama.org/pkg/keyboard-focus-0.3/jquery.keyboard-focus.js

(function(body) {

    var usingMouse;

    var preFocus = function(event) {
        usingMouse = (event.type === 'mousedown');
    };

    var addFocus = function(event) {
        if (usingMouse)
            event.target.classList.add('focus--mouse');
    };

    var removeFocus = function(event) {
        event.target.classList.remove('focus--mouse');
    };

    var bindEvents = function() {
        body.addEventListener('keydown', preFocus);
        body.addEventListener('mousedown', preFocus);
        body.addEventListener('focusin', addFocus);
        body.addEventListener('focusout', removeFocus);
    };

    bindEvents();

})(document.body);

/*! track-focus v 0.2 | Author: Jeremy Fields [[email protected]], 2014 | License: MIT */
// inspired by: http://irama.org/pkg/keyboard-focus-0.3/jquery.keyboard-focus.js

(function(body) {

    var lastDeviceUsed;

    var preFocus = function(event) {
        lastDeviceUsed = (event.type === 'mousedown') ? 'mouse' : 'keyboard';
    };

    var addFocus = function(event) {
        event.target.classList.add('focus--' + lastDeviceUsed);
    };

    var removeFocus = function(event) {
        event.target.classList.remove('focus--keyboard');
        event.target.classList.remove('focus--mouse');
    };

    var bindEvents = function() {
        body.addEventListener('keydown', preFocus);
        body.addEventListener('mousedown', preFocus);
        body.addEventListener('focusin', addFocus);
        body.addEventListener('focusout', removeFocus);
    };

    bindEvents();

})(document.body);