Question

我有一个带有Telerik UI的.NET WebForms页面，用于ASP.NET AJAX和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格式的加号

1 个答案: