javascript - HTML 模式弹出窗口可能会通过在后台形成字段而失去焦点

Question

我有一个带有用 html/js 编写的覆盖层的模式弹出窗口，一切正常，但如果用户按了足够多的选项卡，他们就可以到达底层的表单字段/按钮。有什么好的方法可以避免这种情况吗？

Answer 1

这是一个粗略的想法，但我希望能激发灵感，而不是告诉您确切的操作方法。我将结合使用伪代码和伪 jquery 代码:

function showMymodaldExample() {
    //Show modal dialog (mymodal) code goes here
    //
    //Then we bind an event
    $(document).bind('mymodal.keydown', function(e) {
        if ( currently focussed element is not a child of mymodal ) {
            set the focus previous element
        }
    });
}

然后记得在销毁/隐藏对话框时取消绑定(bind) mymodal.keydown