带加号的标签式键盘导航 HTML 形式

Question

我有一个带有 Telerik UI for ASP.NET AJAX 的 .NET WebForms 页面和 HTML 表单。

Tab 键按预期在表单上的字段中导航。如果该字段有默认内容，它们会在焦点上被选中以便于更改。
加号键还通过表单上的一些自定义 javascript（见下文）在字段中导航；但是，当使用加号导航到具有默认值的字段时，默认值不会在页面加载后立即在第一个焦点上突出显示。但是，如果我在页面加载后再次加回它，默认内容会按预期突出显示。

我需要进行哪些调整才能使用加号键突出显示字段的现有默认内容？

function handlePlusKey(event) {
    if (event.keyCode == 107) {
        var control = this;
        var found = false;
        $(tabTypes).each(function (i) {
            if (this.className.indexOf('rtsLink') == -1
                    && this.id.indexOf('InitInsertButton') == -1
                    && this.title != "Click here to sort"
                    && this.tabIndex > -1
                    && $(this).is(":visible")
                    && !$(this).is(":disabled"))
                if (this == control) {
                    found = true;
                }
                else if (found) {
                    this.focus();
                    found = false;
                }
        });
        event.preventDefault();
    }
}

Answer 1

尝试手动添加选择

inputElement.focus();
inputElement.setSelectionRange(0, inputElement.value.length);

将inputElelemnt更改为需要突出显示的元素。在大多数情况下，这将是 event.target，我认为在您的情况下是 control。

带加号的标签式键盘导航 HTML 形式

Tab-like keyboard navigation with plus sign in HTML form

html

javascript

forms

keyboard-shortcuts

telerik