(function () {
'use strict';
function isVisible(t) {
return !! (!t.hasAttribute('disabled') && t.getAttribute('aria-hidden') !== 'true' && t.offsetParent !== null);
}
function removeAccesskeyAttribute(selector) {
document.querySelectorAll(selector).forEach(function(el) {
el.removeAttribute('accesskey');
});
}
function addClass(selector, clsName) {
document.querySelectorAll(selector).forEach(function(el) {
el.classList.add(clsName);
});
}
function gi(i, len, op) {
let n = op == '+' ? +1 : -1;
i = i + n;
if (i >= len) {
i = 0;
}
if (i < 0) {
i = len - 1;
}
return i;
}
function _toFocus(el) {
let tagName = el.tagName.toLowerCase();
let tagNames = ['div', 'p', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'ul', 'ol', 'li', 'form', 'img', 'nav', 'header', 'main', 'footer', 'section', 'aside'];
if (tagNames.includes(tagName) || (tagName == 'a' && !el.hasAttribute('href'))) {
if (!el.hasAttribute('tabindex')) {
el.setAttribute('tabindex', '-1');
}
}
el.focus();
}
function toFocus(focusSelector, op) {
let els = [...document.body.querySelectorAll('*')];
let len = els.length;
let aeIndex = Math.max(0, els.indexOf(document.activeElement));
let i = aeIndex == 0 ? 0 : gi(aeIndex, len, op);
do {
if (els[i].matches(focusSelector) && isVisible(els[i])) {
_toFocus(els[i]);
break;
}
i = gi(i, len, op);
} while ( i != aeIndex );
}
function nextFocus(selector) {
toFocus(selector, '+');
}
function previousFocus(selector) {
toFocus(selector, '-');
}
function isIE() {
return ( !! window.ActiveXObject || "ActiveXObject" in window);
}
if (!isIE()) {
let keys = [];
document.querySelectorAll('[accesskey]').forEach(function(el) {
let key = el.getAttribute('accesskey');
if (!keys.includes(key)) {
keys.push(key);
}
});
keys.forEach(function(key) {
addClass('[accesskey="' + key + '"]', 'accesskey-' + key);
removeAccesskeyAttribute('[accesskey="' + key + '"]');
});
document.addEventListener('keydown',
function(e) {
keys.forEach(function(key) {
let keyCode = key.toUpperCase().charCodeAt();
if (e.altKey && e.shiftKey && e.keyCode == keyCode) {
e.preventDefault();
previousFocus('.accesskey-' + key);
} else if (e.altKey && e.keyCode == keyCode) {
e.preventDefault();
nextFocus('.accesskey-' + key);
}
});
},
null);
}
}());
好久没有看到你更新博客了。
希望后续的进展都能顺利吧,希望可以帮助更多的视障朋友
我回头整理一下。需要的话你可以直接联系我。
感谢晴天老师,晴天老师是否考虑把控制媒体播放器的脚本也加进去呢。