RadioButton 不“接收”焦点

Question

我拼凑了一些在 ASP.NET 中使用的代码，以防止控件失去对回发的关注，因此选项卡或单击另一个控件可以保存用户位置并返回它。

在 Page_Load 我有以下内容：

PartNum_tb.Attributes["onfocus"] = "gotFocus(this)";
Department_tb.Attributes["onfocus"] = "gotFocus(this)";
PartWeight_tb.Attributes["onfocus"] = "gotFocus(this)";
Standard_rb.Attributes.Add("onfocus","gotFocus(this)");
Special_rb.Attributes.Add("onfocus","gotFocus(this)");

if (Page.IsPostBack)
   Page.SetFocus(tabSelected.Value);

这是我的 Javascript（tabSelected 是一个隐藏字段）：

<script type="text/javascript">
    function gotFocus(control) {
        document.getElementById('form1').tabSelected.value = control.id;

        if (control.type == "text") {
            if (control.createTextRange) {
                //IE  
                var FieldRange = control.createTextRange();
                FieldRange.moveStart('character', control.value.length);
                FieldRange.collapse();
                FieldRange.select();
            }
            else {
                //Firefox and Opera  
                control.focus();
                var length = control.value.length;
                control.setSelectionRange(length, length);
            }
        }
    }
</script>

问题是当我选择或单击其中一个单选按钮时，它会将焦点返回到最后一个控件的位置，这对用户来说是不直观且令人困惑的。这样做是因为 RadioButton 永远不会获得焦点，因此光标位置不会得到更新。在广泛的 Google 搜索之后，似乎它不可能知道 RadioButton 何时获得焦点。是否有任何已知的解决方案可以解决这个问题？

Answer 1

解决方案可能是将keypress 事件添加到前一个字段并在无线电上使用click 事件。另外，将control.focus(); 移出if 语句：

Javascript

function changeFocus(next) {
    gotFocus(next);
}

function gotFocus(control) { 
    document.getElementById('form1').tabSelected.value = control.id; 
    control.focus();

    if (control.type == "text") { 
        if (control.createTextRange) { 
            //IE   
            var FieldRange = control.createTextRange(); 
            FieldRange.moveStart('character', control.value.length); 
            FieldRange.collapse(); 
            FieldRange.select(); 
        } 
        else { 
            //Firefox and Opera   
            var length = control.value.length; 
            control.setSelectionRange(length, length); 
        } 
    } 
}