Question

我有一个大页面，其中充满了（服务器端）生成的信息，组织成“章节”。为了让用户更容易理解，我将一个带有CSS固定位置的小元素放在页面的右上角。

<div class="selector">Goto section within the table:&nbsp;<select
id="chapterselector"
onChange="goto_section('chapterselector')">%SELECTOR%</select>
</div>

文本“％SELECTOR％”被服务器端组件替换为正确的选项元素。

function goto_section ( element ) {
    element = document.getElementById(element);
    window.location = '#Chapter_' + element.value;
}

这是目前的JavaScript部分。这很好用。然而，还有一个小问题：

用户（包括我）可以使用选择菜单跳转到文档内部，但是通常会使用光标箭头键来导航以滚动页面。问题：使用选择菜单后，它具有焦点，因此光标键现在“滚动”选择菜单中的可能选项。我想要的是：使用选择菜单后，我希望它自动失去焦点，因此光标键会滚动页面。

我该怎么做？谢谢你的任何建议。

Answer 1

element.blur()

设置位置后尝试

Javascript无焦点选择菜单

1 个答案: