Quelle focus.js Sprache: XML

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

/*
* Simplied selector targetting elements that can receive the focus, full
* version at http://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus
*/
const focusableSelector = [
  "a[href]:not([tabindex='-1'])",
  "button:not([disabled], [tabindex='-1'])",
  "iframe:not([tabindex='-1'])",
  "input:not([disabled], [tabindex='-1'])",
  "select:not([disabled], [tabindex='-1'])",
  "textarea:not([disabled], [tabindex='-1'])",
  "[tabindex]:not([tabindex='-1'])",
].join(", ");

/**
* Wrap and move keyboard focus to first/last focusable element inside a container
* element to prevent the focus from escaping the container.
*
* @param  {Array} elms
*         focusable elements inside a container
* @param  {DOMNode} current
*         currently focused element inside containter
* @param  {Boolean} back
*         direction
* @return {DOMNode}
*         newly focused element
*/
function wrapMoveFocus(elms, current, back) {
  let next;

  if (elms.length === 0) {
    return false;
  }

  if (back) {
    if (elms.indexOf(current) === 0) {
      next = elms[elms.length - 1];
      next.focus();
    }
  } else if (elms.indexOf(current) === elms.length - 1) {
    next = elms[0];
    next.focus();
  }

  return next;
}

/**
* Get a list of all elements that are focusable with a keyboard inside the parent element
*
* @param  {DOMNode} parentEl
*         parent DOM element to be queried
* @return {Array}
*         array of focusable children elements inside the parent
*/
function getFocusableElements(parentEl) {
  return parentEl
    ? Array.from(parentEl.querySelectorAll(focusableSelector))
    : [];
}

// Make this available to both AMD and CJS environments
define(function (require, exports, module) {
  module.exports.focusableSelector = focusableSelector;
  exports.wrapMoveFocus = wrapMoveFocus;
  exports.getFocusableElements = getFocusableElements;
});

quality100%

¤ Dauer der Verarbeitung: 0.14 Sekunden (vorverarbeitet) ¤

Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung ist noch experimentell.