小编Tay*_*nce的帖子

Vanilla javascript Trap 模式中的焦点(辅助功能选项卡)

这应该很简单,但由于某种原因它不起作用,我在正确的时间获得了正确的 console.logs,但焦点没有到达正确的位置,请参考我的 jsfiddle

https://jsfiddle.net/bqt0np9d/

function checkTabPress(e) {
    "use strict";
    // pick passed event of global event object
    e = e || event;

    if (e.keyCode === 9) {
        if (e.shiftKey) {
            console.log('back tab pressed');
            firstItem.onblur=function(){
                console.log('last a focus left');
                lastItem.focus();
            };
            e.preventDefault();
        }
        console.log('tab pressed');
        lastItem.onblur=function(){
            console.log('last a focus left');
            firstItem.focus();
        };
        e.preventDefault();
    }
}
modal.addEventListener('keyup', checkTabPress);
Run Code Online (Sandbox Code Playgroud)

javascript accessibility focus tabbing

6
推荐指数
1
解决办法
6067
查看次数

标签 统计

accessibility ×1

focus ×1

javascript ×1

tabbing ×1