Javascript焦点不保留

Javascript focus not retaining

本文关键字：保留 焦点 Javascript      更新时间：2023-09-26

我有一个需要选择单选按钮选项的页面。当有任何未选中的选项并且有人提交它时，它将显示一个弹出的错误信息。

当在弹出窗口上按ok时，它将关闭弹出窗口并返回到父窗口，并将焦点设置在未选择的选项(单选按钮)上。我用下面的方法来设置焦点。按下ok按钮后，它会转到未选中的选项，但焦点不会保留在它上面。

调用函数从父窗口关闭弹出窗口

<a alt="Ok" href="javascript:;" onclick="forceAndClose()" >OK</a>

函数用于关闭和设置单选按钮元素的焦点。Id 'missing'被设置为未选择的选项

function forceAndClose(){
    dijit.byId('errorDialog').hide();
    var foc=document.getElementById("missing");
    foc.focus();
    foc.scrollIntoView();
    return;
}

似乎在点击"确定"按钮后，它再次加载父html文件，焦点从元素中移除。

帮助我将注意力集中在未选择的选项上。

谢谢

使用return false代替简单的return。因为它会阻止重新呈现您的页面。

function forceAndClose(){
    dijit.byId('errorDialog').hide();
    var foc=document.getElementById("missing");
    foc.focus();
    foc.scrollIntoView();
    return false;
}
相关文章：