Javascript无焦点选择菜单

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()

设置位置后尝试